To add a simple fade in slideshow with image blocks in Squarespace, you can do these.
- You can also use Sliding Banner Plugin or Slider tool to create this easier without using complex code.
#1. Personal/Basic Plan
#1.1. First, you can add some Image Blocks with syntax like this to ALT
##s01
or
##s02
or
##s03
for example, I have first slideshow with 3 Image Blocks, I will enter ##s01 to all three Image Blocks
or second slideshow with 2 Image Blocks, I will enter ##s03
#1.2. Next, add a Markdown Block on current page
#1.3. Paste this code into Markdown Block
<script src="https://code.beaverhero.com/imageblock/0226c25v4simpleslideshow.js"></script>
#2. Business Plan/higher
#2.1. Same as #1.1.
#2.2. Hover on Page where you use Image Blocks > Click Gear icon
#2.3. Click Advanced > Paste this code
<!-- @tuanphan - Simple Fade in Slideshow -->
<script src="https://code.beaverhero.com/imageblock/0226c25v4simpleslideshow.js"></script>
