<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" /> <!-- Arquivos utilizados pelo jQuery lightBox plugin --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --> <!-- Ativando o jQuery lightBox plugin --> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <style type="text/css"> /* jQuery lightBox plugin - Gallery style */ #gallery { background-color: ; padding: 0px; } #gallery div img { border: 5px solid #C0C0C0; border-width: 5px 5px 5px; } #gallery div a:hover img { border: 5px solid #fff; border-width: 5px 5px 5px; color: #fff; } #gallery div a:hover { color: #FFF; } </style> </head> <body topmargin="0"> <?PHP include "conn.php"; $objDB = mysql_select_db("zubbsteel_group"); mysql_query("SET NAMES UTF8"); $sql = "SELECT PRO_ID as a,PRO_NAME as b,PRO_DES as c,PRO_PIC as d from products order by PRO_ORDERBY LIMIT 5"; $objQuery = mysql_query($sql) or die ("Error Query [".$sql."]"); $num_rows= mysql_num_rows($objQuery); $i1=0; while($num_rows>$i1){ $result=mysql_fetch_array($objQuery); $a=$result['a']; $b=$result['b']; $c=$result['c']; $d=$result['d']; ?> <table width="514" border="1" cellpadding="0" cellspacing="0" bgcolor="#999999"> <tr> <td width="100" id="gallery"><? echo "<a href=\"$d\" title=$b><img id=\"$a\" src=\"$d\" width=\"100\" height=\"100\" /></a>"; ?></td> <td valign="top" align="left" " width="414" style="font-family:Tahoma; font-size:12px; color:#333333"><? echo "<b>".$b."</b>"."<br /><br />".$c;?></td> </tr> <? $i1++; } mysql_close(); ?> </table> </body>
<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" /> <!-- Arquivos utilizados pelo jQuery lightBox plugin --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --> <!-- Ativando o jQuery lightBox plugin --> <script type="text/javascript"> $(function() { $('.zoom_pic').lightBox(); //+ เปลี่ยนตรงนี้ให้อ้างอิงจาก class }); </script> <style type="text/css"> /* jQuery lightBox plugin - Gallery style */ #gallery { background-color: ; padding: 0px; } #gallery div img { border: 5px solid #C0C0C0; border-width: 5px 5px 5px; } #gallery div a:hover img { border: 5px solid #fff; border-width: 5px 5px 5px; color: #fff; } #gallery div a:hover { color: #FFF; } </style> </head> <body topmargin="0"> <?PHP include "conn.php"; $objDB = mysql_select_db("zubbsteel_group"); mysql_query("SET NAMES UTF8"); $sql = "SELECT PRO_ID as a,PRO_NAME as b,PRO_DES as c,PRO_PIC as d from products order by PRO_ORDERBY LIMIT 5"; $objQuery = mysql_query($sql) or die ("Error Query [".$sql."]"); $num_rows= mysql_num_rows($objQuery); $i1=0; while($num_rows>$i1){ $result=mysql_fetch_array($objQuery); $a=$result['a']; $b=$result['b']; $c=$result['c']; $d=$result['d']; ?> <table width="514" border="1" cellpadding="0" cellspacing="0" bgcolor="#999999"> <tr> <td width="100" id="gallery"><? echo "<a href=\"$d\" title=\"$b\" class=\"zoom_pic\"><img id=\"$a\" src=\"$d\" width=\"100\" height=\"100\" /></a>"; //+ เพิ่ม class zoom_pic ?></td> <td valign="top" align="left" " width="414" style="font-family:Tahoma; font-size:12px; color:#333333"><? echo "<b>".$b."</b>"."<br /><br />".$c;?></td> </tr> <? $i1++; } mysql_close(); ?> </table> </body>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
