Phiên bản đầy đủ: jsB@nk » Hình ảnh » Chuyển ảnh » Chuyển ảnh mờ dần
URL: https://www.javascriptbank.com/dhtml-fading-animation-image.html
Đoạn mã JavaScript tạo một trình chuyển ảnh theo nguyên tắc các ảnh xuất hiện và biến mất với hiệu ứng mờ dần. Một hiệu ứng rất tuyệt và được rất nhiều trang web sử dụng hiện nay.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Chuyển ảnh » Chuyển ảnh mờ dần
URL: https://www.javascriptbank.com/dhtml-fading-animation-image.html
<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=1var i_image=0var 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+10var 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-10var timer=setTimeout("hideimage()",100)}else {clearTimeout(timer)i_image++if (i_image >= imageurl.length) {i_image=0}i_strngth=1var timer=setTimeout("showimage()",500)}}// - End of JavaScript - --></SCRIPT><BODY onload=showimage()><DIV id=mainbod style="POSITION: relative; VISIBILITY: visible"></DIV><DIV id=testimage style="POSITION: relative; VISIBILITY: visible"></DIV></BODY>