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