View Single Post
Old 29-01-2008, 07:02   #8
enter_odecca
Búa Gỗ Đôi
 
enter_odecca's Avatar
 
Tham gia: Dec 2007
Bài: 34
VZD: 787
Cảm ơn: 0
Điểm: 7/4 bài viết
Question

Trích:
otarachi View Post
Code:
<script language="JavaScript1.2">
var slideshow_width='480px' //SET IMAGE WIDTH
var slideshow_height='1200px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (4000=4 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="randompic/pic1.gif"
fadeimages[1]="randompic/pic2.gif"
fadeimages[2]="randompic/pic3.gif"
fadeimages[3]="randompic/pic4.gif"
fadeimages[4]="randompic/pic5.gif"
fadeimages[5]="randompic/pic6.gif"
fadeimages[6]="randompic/pic7.gif"
fadeimages[7]="randompic/pic8.gif"
fadeimages[8]="randompic/pic9.gif"
fadeimages[9]="randompic/pic10.gif"
fadeimages[10]="randompic/pic11.gif"
fadeimages[11]="randompic/pic12.gif"
fadeimages[12]="randompic/pic13.gif"
fadeimages[13]="randompic/pic14.gif"
fadeimages[14]="randompic/pic15.gif"
fadeimages[15]="randompic/pic16.gif"
fadeimages[16]="randompic/pic17.gif"
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
Bạn copy đoạn JavaScript này vào chỗ nào cần trình diễn..tạo 1 thư mục randompic và các ảnh đặt tên theo qui luật pic1.gif pic2.gif...(có thể đổi tên theo code)..nếu ko muốn phức tạp cứ để thế là được
cám ơn bộ code này của bạn ,nhơng bộ code này chậy chồng lên nhau (mất cái trước hiên nhanh cái sai ) nếu mình muốn những ảnh chạy ngang hoạc chạy dọc ,lên xuống thì chỉnh sửa thêm code thế nào ,chỉ thêm cho mình nhé
enter_odecca vẫn chưa có mặt trong diễn đàn   Trả Lời Với Trích Dẫn