<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>Untitled Document</title> <script type="text/javascript"> var width_slide = 300; // ความกว้างของสไลด์ var height_slide =100; // ความยาวของสไลด var width_div =300; // ความกว้างของเนื้อหา var height_div=50; //ความยาวของเนื้อหา ความยาวควรมากกว่า (height_slide หาร 2) var delay_us =50; // ความเร็วสไลด์ var wait_us=1000; // หยุดแสดงภาพ ถ้าไม่ต้องการเช็ตค่าให้เท่ากับ delay_us var i=-2; var div; var style_top=0; var stop=false; function setSlide(){ div=document.getElementById('block_nums').value; document.getElementById('block_slide').style.width =width_slide+"px"; document.getElementById('block_slide').style.height =height_slide+ "px"; document.getElementById('slide1').style.height=height_div+"px"; document.getElementById('slide2').style.height=height_div+"px"; document.getElementById('slide3').style.height=height_div+"px"; } function slideshow(){ if(!stop){ if(style_top <-height_div){ style_top=0; document.getElementById('block_img').style.top =style_top+"px"; if(i<0) document.getElementById('slide1').innerHTML=""; else document.getElementById('slide1').innerHTML=document.getElementById('s'+(i%div+1)).innerHTML; if(i<-1) document.getElementById('slide2').innerHTML=""; else document.getElementById('slide2').innerHTML=document.getElementById('s'+((i+1)%div+1)).innerHTML; if(i<-2) document.getElementById('slide3').innerHTML=""; else document.getElementById('slide3').innerHTML=document.getElementById('s'+((i+2)%div+1)).innerHTML; i=i+1; if(i == div){ i=0; } setTimeout("slideshow()",wait_us); }else{ document.getElementById('block_img').style.top=style_top+"px"; style_top =style_top-1; setTimeout("slideshow()" ,delay_us); } } } function stop_slide(){ stop =true; } function play_slide(){ stop=false; slideshow(); } </script> <style> #block_slide{position:relative;z-index:1; overflow:hidden; border:solid 1px #FF0033;} #block_img{position:relative; visibility:visible;top:0px;left:0px;z-index:2;cursor:pointer;} </style> </head> <body onload="slideshow()"> <input type="text" id="txttest"/> <div id="block_slide"> <div id="block_img" onmouseOver="stop_slide()" onmouseOut="play_slide()"> <div id="slide1" ></div> <div id="slide2"></div> <div id="slide3" ></div> <?php $conn =mysql_connect("localhost","root","12345"); mysql_select_db("studentloan_kps"); $sql=mysql_query("select * from news ") or die(mysql_error()); $i=0; while($rs=mysql_fetch_array($sql)){ $i++; echo "<div id=\"s$i\" style=\"display:none\">ป้อนเนื้อหาที่ $i : $rs[head_news]</div>\n"; } echo "<input type=\"hidden\" id=\"block_nums\" value=\"$i\">\n"; mysql_close($conn) or die(mysql_error()); mysql_query("SET NAMES UTF8"); mysql_query("set character set utf8"); ?> <script>setSlide()</script> </div> </div> </body> </body> </html>
Quote:mysql_query("SET NAMES UTF8");
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 00
Load balance : Server 00
Quote:
