<? $objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database"); $objDB = mysql_select_db("blood"); mysql_query("SET NAMES utf8"); $strSQL = "SELECT * FROM activity"; $objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]"); ?> <!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=utf-8" /> <title>ยินดีต้อนรับสู่เว็บ.....</title> <LINK REL="SHORTCUT ICON" HREF="../img/Blood.gif"> <link rel="stylesheet" type="text/css" href="css/Struc.css"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Slideshow with jmpress.js</title> <link rel="stylesheet" type="text/css" href="css/SlideshowJmpressdemo.css" /> <link rel="stylesheet" type="text/css" href="css/SlideshowJmpressstyle.css" /> <!-- jQuery --> <script type="text/javascript" src="js/SlideshowJmpressjquery-1.7.1.min.js"></script> <!-- jmpress plugin --> <script type="text/javascript" src="js/SlideshowJmpressjmpress.min.js"></script> <!-- jmslideshow plugin : extends the jmpress plugin --> <script type="text/javascript" src="js/SlideshowJmpressjquery.jmslideshow.js"></script> <noscript> <style> .step { width: 100%; position: relative; } .step:not(.active) { opacity: 1; filter: alpha(opacity=99); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; } .step:not(.active) a.jms-link{ opacity: 1; margin-top: 40px; } </style> </noscript> </head> <body class="thrColFixHdr"> <div id="container"> <div id="header"></div> <div id="menu"><? require "menu_c.php"; ?></div> <div id="Login"><? require "Login.php"; ?></div> <section id="jms-slideshow" class="jms-slideshow"> <?php while($objResult = mysql_fetch_array($objQuery)) { ?> <div class="step" data-color="color-2"> <div class="jms-content"> <h3><?=$objResult["ACTIVITY_SUBJECT"];?></h3> <p><?=$objResult["ACTIVITY_DETAIL"];?></p> <a class="jms-link" href="#">Read more</a> </div> <img src="admin/Activity/filepic/<?=$objResult["file_path"];?>"> </div> <div class="step" data-color="color-3" data-y="900" data-rotate-x="80"> <div class="jms-contenplt"> <h3><?=$objResult["ACTIVITY_SUBJECT"];?></h3> <p><?=$objResult["ACTIVITY_DETAIL"];?></p> <a class="jms-link" href="#">Read more</a> </div> <img src="admin/Activity/filepic/<?=$objResult["file_path"];?>"> </div> <div class="step" data-color="color-4" data-x="-100" data-z="1500" data-rotate="170"> <div class="jms-content"> <h3><?=$objResult["ACTIVITY_SUBJECT"];?></h3> <p><?=$objResult["ACTIVITY_DETAIL"];?></p> <a class="jms-link" href="#">Read more</a> </div> <img src="admin/Activity/filepic/<?=$objResult["file_path"];?>"> </div> <div class="step" data-color="color-5" data-x="3000"> <div class="jms-content"> <h3><?=$objResult["ACTIVITY_SUBJECT"];?></h3> <p><?=$objResult["ACTIVITY_DETAIL"];?></p> <a class="jms-link" href="#">Read more</a> </div> <img src="admin/Activity/filepic/<?=$objResult["file_path"];?>"> </div> <div class="step" data-color="color-1" data-x="4500" data-z="1000" data-rotate-y="45"> <div class="jms-content"> <h3><?=$objResult["ACTIVITY_SUBJECT"];?></h3> <p><?=$objResult["ACTIVITY_DETAIL"];?></p> <a class="jms-link" href="#">Read more</a> </div> <img src="admin/Activity/filepic/<?=$objResult["file_path"];?>"> </div> <?php } ?> </section> </div> <script type="text/javascript"> $(function() { var jmpressOpts = { animation : { transitionDuration : '0.8s' } }; $( '#jms-slideshow' ).jmslideshow( $.extend( true, { jmpressOpts : jmpressOpts }, { autoplay : true, bgColorSpeed: '0.8s', arrows : false })); }); </script> <br class="clearfloat" /> <div id="footer2"></div> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
