ช่วยหน่อยครับ เรื่อง image slide ครับ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยหน่อยครับ เรื่อง image slide ครับ
ช่วยหน่อยครับ เรื่อง image slide ครับ
Copy
พอดีผมเจอโค้ดนี้มาครับแล้วลองรับในlocalhost ดูสามารถกดปุ่มด้านล่างเพิ่มเปลี่ยนภาพได้ แต่เมื่ออัพขึ้นโฮสจริง เมื่อกดปุ่มแล้วไม่เกิดอะไีรขึ้นครับ ผู้รู้ช่วยผมหน่อยครับ ....ขอบคุณครับ บิ๋น
<!--image slide --> <script type="text/javascript"> var photos=new Array() var photoslink=new Array() var photo_name=new Array() var which=0 //define images. You can have as many as you want: photos[0]="images/Phuket-Aphrodite-Cabaret-2 - 600.jpg" photos[1]="images/Phuket-Aphrodite-Cabaret-3 - 600.jpg" photos[2]="images/Phuket-Aphrodite-Cabaret-4 - 600.jpg" photos[3]="images/Phuket-Aphrodite-Cabaret-5 - 600.jpg" photos[4]="images/Phuket-Aphrodite-Cabaret-6 - 600.jpg" photos[5]="images/Phuket-Aphrodite-Cabaret - 600.jpg" //Specify whether images should be linked or not (1=linked) var linkornot=0 //Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1" photoslink[0]="" photoslink[1]="" photoslink[2]="" photoslink[3]="" photoslink[4]="" photoslink[5]="" //do NOT edit pass this line var preloadedimages=new Array() for (i=0;i<photos.length;i ){ preloadedimages[i]=new Image() preloadedimages[i].src=photos[i] } function applyeffect(){ if (document.all && photoslider.filters){ photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23) photoslider.filters.revealTrans.stop() photoslider.filters.revealTrans.apply() } } function playeffect(){ if (document.all && photoslider.filters) photoslider.filters.revealTrans.play() } function keeptrack(){ window.status="Image "+(which+1)+" of "+photos.length } function backward(){ if (which>0){ which-- applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function forward(){ if (which<photos.length-1){ which++ applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function transport(){ window.location=photoslink[which] } </script> <table border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="100%" colspan="2" height="22"><center> <script> if (linkornot==1) document.write('<a href="javascript:transport()">') document.write('<img src="'+photos[0]+'" style="filter:revealTrans(duration=2,transition=23)" border=0>') if (linkornot==1) document.write('</a>') </script> </center></td> </tr> <tr> <td colspan="2"height="21" align="center"> <strong><a href="#" onClick="backward();return false">Previous Slide</a> || <a href="#" onClick="forward();return false">Next Slide</a></strong> </td> </tr> </table> <!--end image slide -->
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ
<!--image slide -->
<script type="text/javascript">
var photos=new Array()
var photoslink=new Array()
var photo_name=new Array()
var which=0
//define images. You can have as many as you want:
photos[0]="images/Phuket-Aphrodite-Cabaret-2 - 600.jpg"
photos[1]="images/Phuket-Aphrodite-Cabaret-3 - 600.jpg"
photos[2]="images/Phuket-Aphrodite-Cabaret-4 - 600.jpg"
photos[3]="images/Phuket-Aphrodite-Cabaret-5 - 600.jpg"
photos[4]="images/Phuket-Aphrodite-Cabaret-6 - 600.jpg"
photos[5]="images/Phuket-Aphrodite-Cabaret - 600.jpg"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
photoslink[5]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i ){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td colspan="2"height="21" align="center">
<strong><a href="#" onClick="backward();return false">Previous Slide</a> || <a href="#" onClick="forward();return false">Next Slide</a></strong>
</td>
</tr>
</table>
<!--end image slide -->