Javascript Multitransition Banner

 

It is pleasure for me to share the codes that I have written for a banner. This is completely using Javascript/jQuery and CSS. Easy to customize and easy to install. Actually I was adopting the design from CISCO and IBM websites. I am not much good in Adobe Flash animation. It is the main reason to build this in Javascript. LOL.

 

Javascript Multitransition banner

 

Download Link 2 (V 1.1.0)  | DEMO

 

Highlits:

  • 100% pure Javascript/jQuery
  • Fast Loading
  • Auto animate banner
  • Easy to use link buttons
  • Enable or disable any texts
  • Easy to integrate with PHP, ASP.NET and any other servers

 

Demo

Click here to see a demo

 

Download

DownloadLink 2 (V 1.1.0)

  • Version 1 was displaying last image when the show start. It is fixed to display the first image on start.

DownloadLink 1 (V 1.0.0)

 

Installation:

  • Installation instruction found in source file.

 

This is not 100% complete. Please give me your feedbacks. I will make any changes for the improvement.

Use it for free & Please give me a link back if you like.

24 comments Add yours
  1. Hello, wonderful work! I was wondering if it’s possible to make the thumbnails vertical on the left side?

  2. Hello! Thank you for the banner. I really like it but I have a conflict with another program and it is not displaying properly. Can you help me please? I am using dreamweaver 4. The other program is a drop menu and it is DHTML (this is javascript). If I remove the drop menu the banner still does not display correctly. The foot banner moves up to the middle portion of the banner. What do I need to change in the settings of the banner so it does not display the footer in the middle of the banner? Thank you for any help you can give for this issue!

    1. After you download the package you can find the instructions on the “HTML” file when you view the page source of that file. Right click on the demo page and select “view page source” and you will see them on the window that opens up. The you can adjust the size of the banner, the images and thumbnails to what you want to use. Once you changed it you can view on your Internet Explorer. If all looks fine, copy and paste it in to “your” HTML page. In other words, the webpage you are wanting to put the banner on.

  3. Hello,
    I am trying to implement this multitransitional banner onto my website using dreamweaver but I can not find the installation instructions. Can you please re release them?

    1. There are no specific installation instruction. The files content describe it self. If you get any specific problem, contact me via the contact form; I will help to solve the issue.

  4. Hi. Tried and i think it works on my site but not as expected.. but still okay. One qn tho.. I added it to my website through a php script but after adding, the script when reloaded turns into a collation of assorted images of my webpage and i can no longer edit the script as before. Tried adding your script a few times but after saving and reopening it, problem returns..

  5. I like the helpful information you provide in your articles. I’ll bookmark your blog and check again here regularly. I’m quite certain I will learn plenty of new stuff right here! Good luck for the next!

  6. Hi, Very nice rotator banner. Very easy to use. but I would like to include hyperlinks on the Larger rotating images. Is that possible? and how can I achieve it? Thanks

  7. Hello,

    First of all, your scripts are great!!! However, I have been having some trouble with your script conflicting with another javascript function on my website. I will list both scripts and can you tell me how to eliminate both scripts from conflicting.

    YOUR SCRIPT

    OTHER SCRIPT




    Below is how I am preloading images for the other script:

    Do I do the samething for your script to make it function???? Please help and reply.

    Al

Leave a Reply

Your email address will not be published. Required fields are marked *


*

Please wrap all source codes with [code][/code] tags.