PUBLISHED: DECEMBER 08, 2013 – ARTICLE: SCROLLING VERTICAL IMAGE MARQUEE

Scrolling vertical image marquee could be used to advertise your products, affiliate banners or stuff 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 affiliate banners. 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. The background color and border shadow color and width can be changed on the code. Remember images do slow your page loading time down always make sure you use our image tools to optimize images.

Scrolling Vertical Image Marquee Code

<!-- Begin scrolling vertical text  -->
<!div style="width: 125px; height: text-align:left; background: #FFFFFF; padding: 0px;">
<marquee onmouseover='this.stop();' onmouseout='this.start();' direction="up" height="125" scrollamount="2"> <div id="picture scroll"> <a href="http://www.greengeeks.com/" rel="nofollow" target="_blank"> <img src="http://www.greengeeks.com/images/affiliatetags/125x125-002.gif" width="125" height="125" alt="scrolling vertical image marquee" /> </a></div> 
<div id="picture scroll"><br/><a href="http://www.kqzyfj.com/click-5065041-11036243" rel="nofollow" target="_blank"><img src="http://www.tqlkg.com/image-5065041-11036243" width="125" height="125" alt="free web design tutorials" /></a></div>
<div id="picture scroll"><br/><a href="http://www.kqzyfj.com/click-5065041-11036243" rel="nofollow" target="_blank"><img src="http://www.tqlkg.com/image-5065041-11036243" width="125" height="125" alt="free html codes" /></a></div>
<div id="picture scroll"><br/><a href="http://www.tkqlhce.com/click-5065041-11327953" rel="nofollow" target="_blank"><img src="http://www.tqlkg.com/image-5065041-11327953" width="125" height="125" alt="Image Scrolling" /></a></div>
</marquee>
</div>
<!-- Scrolling vertical text end  -->

SPONSORED ADVERTISEMENTS

How to edit the scrolling vertical image marquee code

1. Copy the above marquee code and paste on to your site.
2. Update your site. You will see the scrolling vertical image marquee on your site.
3. Replace with your stuff. See below how to update the code with your stuff.