Scrolling Vertical Image Marquee

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

scrolling vertical image marquee
free web design tutorials
scrolling vertical image marquee
free web design tutorials

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

contact us to create and publish a website
Set up your new website for free
 

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.
scrolling-vertical-image-marquee

Please Share





Create An Online Shop

Build your own website and sell stuff. Add as many products as you want and it won't cost you any extra.

Get super fast hosting
Free domain registration
Outstanding reliability
Free shopping basket
Easy to use site builder

Try creating your website free for 30 days. No credit card required, click the below link.


Build and host your own website on super fast reliable hosting.

Free domain included or add a domain you own - Install WordPress in a few clicks - Great support team.

Get a Website that Works. It's quick and easy. No experience necessary.

Sign up today and get 20 percent off your hosting.