Javascript Multitransition Banner released
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.
.
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
Screenshot :
Screenshot 1
.
Screenshot 2
.
Screenshot 3
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.
Bugs & Fixes
.
Awesome !!! I like it so much !!!
Thanks for this code! Only question…I saw the other comments about adding a link to the large banner images and the resolutions for them. However, I’m not quite following. Your comment about putting an tag in the banner and thumb divs…When I put it into the HTML portion of the code, it doesn’t work? Please help! http://encodez.com/blog/2009/06/javascript-multitransition-banner/comment-page-1/#comment-2262
Yes jw, You can follow this link
http://encodez.com/blog/2010/02/adding-link-to-banner-image-multi-transition-banner/
hey there,
this is really amazing! thx a lot for!
Thanks so much! It’s working now
I have another request for help! I’m trying to resize the footer nav on the banner…but i can’t find where to adjust the table width for the thumbnails, only the background of the footer nav div. I’m guessing it’s somewhere in the js file, but I’m not all that familiar with js. Any help would be greatly appreciated! Thanks!
hi
I am a noob and I have bad english.
I am trying to put this banner with “iframe” in other site, but links are opened into same iframe window.
I don’t know how make to open in new window (target html tag don’t work), all is under variables.
Somebody can help me?
thanx
hello, very nice work…. i am trying to implement it on a website i am working on. it’s still on localhost. it’s a joomla website. i was trying to make a custom html module and paste your code inside but it just doesn’t find the images it shows that it’s loading and nothing happens. if i paste the html file directly in the source file it works. do you know what i am doing wrong? thanks and keep up the good work…
how can I modify this to position in a particular spot on a page?
Hello,
Thank you for the sliding gallery. I can’t figure out how to incorporate this into my site. There wasn’t any install instructions with the download file. Can you please provide that info.
Thanks,
Kevin
It’s a great code; thank you for the use.
I only have one problem. It works fine as is, but when I add another picture, it stops working. It seems to only work with 4 images. When I added a fifth, I changed it to encNumOfImages = 5; and added the img_5 to the encImageArray, and when I do that, it just freezes on the first image and doesn’t work anymore.
How can I get it to show more than 4?
Thanks a lot.
Hi Muneer,
I am trying to have an entire div of text rotate at the same time as the banner changes. I made another div with the id=”text” . Could you help me with the code i would need to rotate the text at the same time and where I would place it? I love the script.
Thanks!
Josh