« »

Displays images continuously in a slideshow presentation format, with a fade effect on image transitions. (Fade in Internet Explorer 4+ only).

Label: Fading Slide Show

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script>
/* 
	Original:  CodeLifter.com (support@codelifter.com)
	Web Site:  http://www.codelifter.com 
*/

// set the following variables
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'logojs.gif'
Pic[1] = 'photo3.jpg'
Pic[2] = 'logojs.gif'
Pic[3] = 'photo5.jpg'
Pic[4] = 'photo2.jpg'

// do not edit anything below this line

var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<body onLoad="runSlideShow()">
<img id="VU" src="logojs.gif" name='SlideShow'>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (15)
Write

by Chicago mover, 16/08/2010 04:08 AM
Fading Slide Show Reply

That was amazing. I actually got the result exactly what you have got.

by fci vacancy, 06/10/2010 07:10 AM
Reply

This is so good. Love to read more from this site. Good going.

by phlebotomy certification, 16/10/2010 06:10 AM
Reply

This is excellent. The result which I got was correct and same as yours.Thanks,

by Couples Counseling NYC, 16/11/2010 11:11 PM
Reply

thanks really thanks.Very informative and trustworthy blog. Please keep updating with great posts like this one

by HYIP monitor, 26/03/2011 06:03 AM
Works! Reply

Thanks for sharing this code! Your resource is really awesome, it helped me to avoid unnecessary spends on paying to freelancers for doing simple job.

by Research Paper Help, 22/04/2011 10:04 AM
Reply

That was amazing. I actually got the result exactly what you have got.

by eau de perfume, 09/05/2011 11:05 AM
Reply

This is a topic of my interest. I love reading through your blog, I wanted to leave a little comment to support you and wish you a good continuation. Wishing you the best of luck for all your blogging efforts.

by celebrities leather jacket, 28/06/2011 11:06 PM
Reply

Really very nice post, Thanks for sharing this valuable information with us.

by Online Directory Listing, 15/07/2011 07:07 AM
Reply

well you have made a great well manged site.I want to pay my regards to you.

by inexpensive car insurance, 18/07/2011 04:07 AM
Reply

This is a very good idea for me

1 2

« previous next »

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (1)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

29/01/2007
CodeLifter [more]
58,392
15
95
1
3.32 KBytes

JavaScript Fading Slide Show

2.1/5 95 votes / 58,392 previews / 15 comment 29/01/2007 Displays images continuously in a slideshow presentation format, with a fade effect on imag...JavaScript Fading Slide Show - Fading Slide Show

dmeade[2] holidayfun jimmy001 Kaan2501 HYIP monitor hoamoclan2703[2] Mike121[2] Kawa[3] kobirana[5] AmenOsa

Let's be first member to do this

chuyen_hat_pop clandis vansi ttv1 toilakhongai thao_lovely

JavaScript by day

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web