« »

Enhancing image presentation on your website with this image rotator plus smooth dynamic motion (fade-in-fade-out). A very great animation effect if you bring to visitor pictures become more living! Page content loads much faster than any gif animation effect. Easy to setup and customize.

Label: DHTML, fading, animation, fade, motion, image rotator, animation effect

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=javaScript>
<!-- Beginning of JavaScript -

sandra0 = new Image();
sandra0.src = "photo1.jpg";

sandra1 = new Image();
sandra1.src = "photo2.jpg";

sandra2 = new Image();
sandra2.src = "photo3.jpg";

var i_strngth=1
var i_image=0

var imageurl = new Array()
imageurl[0] ="photo1.jpg"
imageurl[1] ="photo2.jpg"
imageurl[2] ="photo3.jpg"


function showimage() {		
	if(document.all) {
		if (i_strngth <=110) {
			testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
			i_strngth=i_strngth+10
			var timer=setTimeout("showimage()",100)
		}	
		else {
			clearTimeout(timer)
			var timer=setTimeout("hideimage()",1000)
		}
	}	
	
	if(document.layers) {
			clearTimeout(timer)
			document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
			document.close()
			i_image++
			if (i_image >= imageurl.length) {i_image=0}	
			var timer=setTimeout("showimage()",2000)
				
	}	
}


function hideimage() {		
	if (i_strngth >=-10) {
		testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
		i_strngth=i_strngth-10
		var timer=setTimeout("hideimage()",100)
	}	
	else {
		clearTimeout(timer)
		i_image++
		if (i_image >= imageurl.length) {i_image=0}
		i_strngth=1
		var timer=setTimeout("showimage()",500)	
	}
}


// - End of JavaScript - -->
</SCRIPT>

Copy All x2

<BODY onload=showimage()>
<DIV id=mainbod style="POSITION: relative; VISIBILITY: visible"></DIV>

<DIV id=testimage style="POSITION: relative; VISIBILITY: visible"></DIV>
</BODY>

Comment (2)
Write

by anh dao, 14/09/2010 09:09 AM
Loi chuyen anh mo dan Reply

Hieu ung nay chi dc tren IE. Firefox ko thuc hien dc.

Co cach nao khac phuc ko ?

Mong chi giup voi

by Cao Phong, 14/09/2010 01:09 PM
thá» nhá»¯ng cÃ¡i khÃ¡c xem? @ anh dao Reply

váº«n cÃ²n ráº¥t nhiá»u script dáº¡ng nÃ y mÃ báº¡n

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 (4)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

CryptoKD.com ChatTotal.com ApexBTC.com ZWVQ.com eChainBank.com choose.exchange war.money CreditCard.rip this.bid ChainTutor.com index.services pornID.net Card.rip YeuNu.com choose.works CoinHolo.com ABP3.com XMQV.com CTRCoin.com system.money

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

30/01/2007
Peter Gehrig [more]
13,907
2
27
4
3.58 KBytes

JavaScript DHTML Fading Animation Image - Language: English

2.8/5 27 votes / 13,907 previews / 2 comment 30/01/2007 Enhancing image presentation on your website with this image rotator plus smo...JavaScript DHTML Fading Animation Image - DHTML Fading Animation Image - Language: English

maylangdu[3] nguyencat Cao Phong[3] tamgiacqui[4] shakura mptkthanh81 robokk smidmj nghiadhcntt[2] giahuan2008[2]