Scrolling Vertical Image Marquee Code

Scrolling Vertical Image Marquee Code

Scrolling vertical image marquee could be used to advertise your products, affiliate banners or products on your website. Images are hyper-linked and scroll upward. Click a image and a new page will open. Demo of the scrolling vertical image marquee on the left. I have used it to display some of our offers. The advantage is you can have more than one banner in a given space when you create a website and because it moves will get your visitors attention.

Notice when you scroll over the image marquee it will pause. The scrolling vertical image marquee code is fully adjustable. You can make the vertical marquee any size you want, links are set to open in a new window but can easily be changes to open on the same page.

Remember images do slow your page loading time down always make sure you use our website tools to optimize images.

How To Update The Code

How to update the code to your images and links, the highlighted yellow links when clicked take you to the web page URL. Replace those links with your links. The highlighted green links are the image URL. Upload the image to your site, then copy the image URL and paste in to the highlighted green.

The size of the images are preset to 300x250 you can change the image size if you want.

<!-- Begin scrolling vertical text  -->
<marquee onmouseover='this.stop();' onmouseout='this.start();' direction="up" height="250" scrollamount="2"> <div id="picture scroll"> <a href="https://www.2createawebsites.com/-14" target="_blank"> <img src="https://www.easysite.com/sitedata/es678718/EditorItem_85534_4_20544.jpg" width="300" height="250" alt="scrolling vertical image marquee" /> </a></div> 
<div id="picture scroll"><br/><a href="https://www.2createawebsites.com/must-read-articles--32/get-a-free-domain-15069" target="_blank"><img src="https://www.easysite.com/sitedata/es678718/EditorItem_85536_4_20544.jpg" width="300" height="250" alt="free web design tutorials" /></a></div>
<div id="picture scroll"><br/><a href="https://www.easysite.com/?ls=2cw" rel="nofollow" target="_blank"><img src="https://www.2createawebsites.com/sitedata/es678718/EditorItem_85537_4_20544.jpg" width="300" height="250" alt="free html codes" /></a></div>
</marquee>
</div>
<!-- Scrolling vertical text end  -->


How To Build A Website

Learn how to create a website in WordPress step by step and add this scrolling vertical image marquee HTML code to your WordPress website.



You may also like this:

HTML Codes: Scrolling Vertical Image Marquee Code

PUBLISHED: AUGUST 16, 2023 - ARTICLE HTML CODES: SCROLLING VERTICAL IMAGE MARQUEE HTML CODE


 







Author: Michael John


Let Us Build
Your Website