Make A Fading Banner To Advertise On

Make a Fading Banner. The fading banner on the right can be use to display 4 or 5 banners in one place, maybe you could design the banners about different pages on your website, visitors to your site might then click on the fading banner and the link would then take them to that page.

The fading banner can also be used for your affilates, like the demo, instead of having one affilate banner on your site you can now have a few all in one place, when a visitor sees a banner that interests them they click on it and hopefully sign up to one of your affiliates. The fading banner will allow you to display a lot more banners in one spot on your site, and increase banner sales. This fading banner has been designed to be the same size as the Google ads banner 160x600.

Placing the fading banner on your site is easy, copy the fading banner code to your site. Change the fading banner images and links, so when your visitor click the fading banner image it takes them to your link, when a visitor clicks on the fading banner image a new page will open, you can set the fading banner to open images in the same page just remove (_new).

Fading Banner Description

This is a robust, cross browser fade in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow. Here's a lowdown on the script's features:

• Sleek fade in effect that has the current image fading over the previous one.
• Ability to display images automatically.
• Each slide can be optionally hyperlinked.
• Persistence of last viewed slide supported.

The CSS Code on the far right is used to control the HTML Code, you can use it to move the fading banner to the correct position on your site by changing top to move up or down and margin-left to move the fading banner left or right.

Fading Banner Code

<div id="slideshow">
<div id="fadeshow1">
<script>

</script>
</div> 
<script type="text/javascript">  
var mygallery=new fadeSlideShow({   
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow   
dimensions: [160, 600], //width/height of gallery in pixels. Should reflect dimensions of largest image
      imagearray:  [     
      ["http://www.lduhtrp.net/image-5065041-10854109", "http://www.jdoqocy.com/click-5065041-10854109?sid=how-to-create-a-website","_new"],
      ["http://www.2createawebsites.com/resources/1and1banner.png", "http://www.2createawebsites.com/create-web-site.php", "_new"]// <--no trailing comma after very last image element!   
      ],
  displaymode: {type:'auto', pause:1000, cycles:0, wraparound:false},   
  persist: false, //remember last viewed slide and recall within same session?   
  fadeduration: 2000, //transition duration (milliseconds)  
  descreveal: "ondemand",
  togglerid: ""
  })
  </script>

STOP! READ THIS! Want to make a website and don't know where to start click here

CSS Code