Vertical Scrolling Images

Description

09.26c12v16 Vertical Scrolling Images

#1. Install Code

#1.1. First, you need to find Image URL

Follow this guide.

#1.2. Add icon/image url to Scrolling Block

06.26c02v6(v2) Scrolling Images with Scrolling Block

Something like this

06.26c02v6 Scrolling Block Image

#1.3. Next, hover on top right of section > Click EDIT SECTION > at Design > Anchor Link > enter word: vertical-scrolling-images

09.26c12v16 Vertical Scrolling Images

#1.4. Next, hover on Page where you use Scrolling Block > Click Gear icon

09.26c12v16 Vertical Scrolling Images

#1.5. Click Advanced > Paste this code

<!-- 09.26c12v16 Vertical Scrolling Images -->
<script>
window.VerticalScrollingImagesOptions = {
  imageSize: '350px',
  blockHeight: '845px',
  sectionIdText: 'vertical-scrolling-images',
  spaceBetweenItems: '20px',
  borderRadius: '10px'
};
</script>
<script src="https://code.beaverhero.com/scrollblock/0926c12v16verticalscrollingimages.js"></script>

09.26c12v16 Vertical Scrolling Images

#2. Customize

#2.1. To change image size/scrolling height, change line 04, 05

imageSize: '350px',
  blockHeight: '845px',

#2.2. To change space between images, round corners of images, change line 07, 08

spaceBetweenItems: '20px',
  borderRadius: '10px'

#2.3. To change speed/scroll direction, change these options

09.26c12v16 Vertical Scrolling Images

 

Buy me a coffee