UPDATED: JULY 15, 2016 – ARTICLE: FADING BANNER TO ADVERTISE ON
Category: Web Design & Development
Make a fading banner to advertise on. With our vertical fading banner code you will be able to have more than one banner in one place on your site. See the demo on the right under subscribe and learn. The fading banner code is preset to have vertical banners that will fade in one after another. Great for affiliate banners or if you have a eCommerce website load your own images on the fading banner script. When the image is displayed visitors can click on the image and it will take them to more information about the product.
Description Of The Fading Banner
This is a powerful, cross browser fade in slideshow script that has some of the best features available all in one code. Each image of the fading banner ( slideshow ) on the page is completely independent of the other with support for different features selectively enabled for each slideshow. If you don’t have a website then click here to make a website.
Scripts Features:
- Nice fade in effect that has the current image fading out as the new image fades in over the previous one.
- The fading banner code has the ability to display images automatically.
- Each image slide is hyperlinked.
- Remembers the last viewed slide.
The fading banner HTML code is easy to use. To make a fading banner on your site copy the below free slideshow script and paste it on your site. Now update or publish your site and you will see it working.
Next go back to edit the code and replace the image links and hyperlinks with your own, look for the below script this is for one of the images and replace what I have in blue with your stuff. Remember you have to do all the images.
[“http://www.2createawebsites.com/wp-content/uploads/2013/12/web-design-1.jpg“, “http://www.your-link-here.com“,”_new”],
To Make A Fading Banner Copy The Below Code
<script type="text/javascript" src="http://www.linkbuildingservices4sites.com/resources/slide-show.js"></script> <div id="fadebanneradvertise"></div> <script type="text/javascript"> var mygallery=new fadeSlideShow({ wrapperid: "fadebanneradvertise", //ID of blank DIV on page to house Slideshow dimensions: [300, 250], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["http://www.2createawebsites.com/wp-content/uploads/2013/12/web-design-1.jpg", "http://www.your-link-here.com","_new"], ["http://www.2createawebsites.com/wp-content/uploads/2013/12/web-design-2.jpg", "http://www.your-link-here.com","_new"], ["http://www.2createawebsites.com/wp-content/uploads/2013/12/web-design-3.jpg", "http://www.your-link-here.com", "_new"] ], displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false}, persist: true, //remember last viewed slide and recall within same session? fadeduration: 2500, //transition duration (milliseconds) descreveal: "ondemand", togglerid: "" }) </script>
You may also like this.
Fade In Fade Out Image JavaScript Code
Horizontal Fading Banner Code To Advertise On
How To Make A Fading Banner With Fading Text
Fade In Fade Out Image Slide Show
Manual Image Slideshow With Next And Back Button
Tags: make a fading banner, fading banner, make a fading banner to advertise on
ARTICLE: FADING BANNER TO ADVERTISE ON WAS FIRST PUBLISHED: DECEMBER 04, 2013
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.
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.