Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,028

HOME > PHP > PHP Forum > ขอถามเรื่องสคริปสไลด์ภาพคะ มันเอ๋อๆ ต้องรีเฟรสก่อนถึงจะได้

ขอถามเรื่องสคริปสไลด์ภาพคะ มันเอ๋อๆ ต้องรีเฟรสก่อนถึงจะได้

เริ่มหัวข้อใหม่

BeesZa

โพสกระทู้ ( 105 )
บทความ ( 0 )

ขอถามเรื่องสคริปสไลด์ภาพหน่อยคะ คือว่า ทำตามหนังสือนะคะ มันมีปัญหาอยู่นิดนึงคะ เมื่อเราเปิดเพจขึ้นมา

จะต้องทำการรีเฟรสอีกครั้ง ภาพสไลด์ถึงจะแสดงปกติ ถ้าไม่รีเฟรสมันจะเอ๋อๆคะ ไม่ทราบว่าควรเขียนแก้ไขยังไงดีคะ

สคริปนี้หนูเอาใส่ใน leftFrame คะ เท่าที่อ่านเกี่ยวกับการรีเฟรสมา จะมีแบบตั้งเวลารีเฟรส แต่อยากให้มันรีเฟรช

แค่ครั้งเดียวหลังจากที่เปิดเว็บนั้นๆคะ

<script language="JavaScript">
//การทำภาพสไลด์ จากหนังสือ JavaScript หน้า276
var sliderwidth="180px";
var sliderheight="64px";
var slidespeed=1;
var slideshowgap=1;
var imageSlide =new Array() ;
imageSlide[0] = "<a href='http://www.nectec.or.th/' target ='mainFrame'><img src='NSC/NECTEC.JPG' border=1></a>";
imageSlide[1] = "<a href='http://www.nstda.or.th/' target ='mainFrame'><img src='NSC/NSTDA.JPG' border=1></a>";
imageSlide[2] = "<a href='http://www.sipa.or.th/' target ='mainFrame'><img src='NSC/SIPA.JPG' border=1></a>";
imageSlide[3] = "<a href='http://www.psu.ac.th/' target ='mainFrame'><img src='NSC/psu.JPG' border=1></a>";
imageSlide[4] = "<a href='http://www.rmutsv.ac.th/' target ='mainFrame'><img src='NSC/rmutsv.JPG' border=1></a>";
imageSlide="<nobr>" + imageSlide.join(" ") + "</nobr>"
document.write("<span id='temp' style='visibility : hidden; position : absolute; top : -100px; left : -9000px'>" + imageSlide + "</span>");
function slideShow(){
slide1 = document.getElementById("test1") ;
slide2 = document.getElementById("test2") ;
slide1.innerHTML = slide2.innerHTML = imageSlide ;
actualwidth = document.getElementById("temp").offsetWidth ;
slide2.style.left = actualwidth + slideshowgap + "px" ;
setInterval("slideLeft()", 40) ;
}
function slideLeft(){
if (parseInt(slide1.style.left) > (actualwidth * (-1) + 8)) {
slide1.style.left = parseInt(slide1.style.left) - slidespeed + "px";
}else{
slide1.style.left = parseInt(slide2.style.left) + actualwidth + slideshowgap + "px";
}
if (parseInt(slide2.style.left) > (actualwidth * (-1) + 8)) {
slide2.style.left = parseInt(slide2.style.left) - slidespeed + "px";
}else{
slide2.style.left = parseInt(slide1.style.left) + actualwidth + slideshowgap + "px";
}
}
with (document){
write("<table border='0' cellspacing='0' cellpadding='0'><td>");
write("<div style='position:relative; width:" + sliderwidth + "; height:" + sliderheight + "; overflow:hidden'>");
write("<div style='position:absolute; width:" + sliderwidth + "; height:" + sliderheight + "; background-color:#EAEAEA' onMouseover='slidespeed=0' onMouseout='slidespeed=1'>");
write("<div id='test1' style='position:absolute; left:0px; top:0px'></div>");
write("<div id='test2' style='position:absolute; left:-1000px; top:0px'></div>");
write("</div></div>");
write("</td></table>");
}
slideShow();

</script>

Tag : - - - -

Date : 2009-11-06 15:11:03

By : KhemTiD

View : 1189

Reply : 3

No. 1

xbeginner01

โพสกระทู้ ( 1,439 )
บทความ ( 0 )

มีหลายวิธีแต่วิธีแก้คลาสสิกที่สุดก็มี 2 วิธี

1. เอาโค้ดสคริปนี้ไว้หลัง </html>
2. ลบ slideShow(); ออก แล้วแทรกที่ body onload
<body onload="slideShow()">

Date : 2009-11-06 15:30:04

By : xbeginner01

No. 2

BeesZa

โพสกระทู้ ( 105 )
บทความ ( 0 )

โอ้ว มันยอดมากคะ ได้แล้วจริงๆด้วย ขอบคุณนะคะ

ลองทำดูแล้ว ได้ทั้งสองข้อเลยคะ

Date : 2009-11-06 16:14:07

By : KhemTiD

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Go to : prettyPhoto jQuery lightbox SlideShow สร้าง lightbox ทำ Gallery ด้วย prettyPhoto

Go to : ColorBox jQuery Images SlideShow ทำ Gallery แบบ สไลด์รูปภาพแสดงภาพเปลี่ยนไปเรื่อยๆ

Go to : Popup Fancybox jQuery and PHP Mysql สร้างกล่อง Fancybox ทำงานร่วมกับ PHP และ MySQL

Date : 2011-10-28 21:28:36

By : webmaster

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ขอถามเรื่องสคริปสไลด์ภาพคะ มันเอ๋อๆ ต้องรีเฟรสก่อนถึงจะได้

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก