?
Path : /home/admin/public_html/old/hotel/ |
Current File : /home/admin/public_html/old/hotel/rotator.htm |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- saved from url=(0073)http://www.alohatechsupport.net/examples/image-rotator/image-rotator.html --> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Easy Jquery Auto Slideshow Image Rotator</title> <style type="text/css"> body { margin:0; padding:0; color: #4E3D4E; font: normal 0.6em sans-serif, Arial; background-color: #EDEDED; width: 100%; } a { outline: none; } </style> <style type="text/css"> /* rotator in-page placement */ div#rotator { position:absolute; height:180px; margin: 2px 0 0 2px; } /* rotator css */ div#rotator ul{ float:left; position:absolute; list-style: none; padding: 0; margin: 0; } div#rotator ul li { float:left; position:absolute; list-style: none; padding: 0; margin: 0; } /* rotator image style */ div#rotator ul li img { border:0px solid #ccc; padding: 0px; background: #FFF; } div#rotator ul li.show { z-index:100 } .style2 {font-size: 14px} </style> <script type="text/javascript" src="./rotator/jquery.min.js"></script> <!-- By Dylan Wagstaff, http://www.alohatechsupport.net --> <script type="text/javascript"> function theRotator() { //Set the opacity of all images to 0 $('div#rotator ul li').css({opacity: 0.0}); //Get the first image and display it (gets set to full opacity) $('div#rotator ul li:first').css({opacity: 1.0}); //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds setInterval('rotate()',4000); } function rotate() { //Get the first image var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first')); //Get next image, when it reaches the end, rotate it back to the first image var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first')); //Set the fade in effect for the next image, the show class has higher z-index next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); //Hide the current image current.animate({opacity: 0.0}, 1000) .removeClass('show'); }; $(document).ready(function() { //Load the slideshow theRotator(); }); </script> </head> <body> <div > <ul> <li><img src="./rotator/image1.jpg" width="695" height="180" alt="pic1"></li> </ul> </div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <table width="53%" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="30%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="24%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=252"><img src="http://happytokorea.com/hotel/images/thumb_1379672798.jpg" width="150px" height="159px" border="0" alt="Hotel Skypark Central Myeongdong" /></a></td> </tr> </tbody> </table></td> <td width="76%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=252">Hotel Skypark Central Myeongdong</a></strong><br /> <strong>Address : </strong>16, 9 road Myeongdong, Jung-gu, Seoul, เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 5,600-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=252"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> <td valign="top" width="70%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=251"><img src="http://happytokorea.com/hotel/images/thumb_1379672277.jpg" width="150px" height="159px" border="0" alt="HOTEL SKYPARK Myeongdong I" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=251">HOTEL SKYPARK Myeongdong I</a></strong><br /> <strong>Address : </strong>24-23 Chungmuro 1-ga Jung-gu, Seoul, เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 4,900-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=251"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> </tr> <tr> <td valign="top" width="30%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=250"><img src="http://happytokorea.com/hotel/images/thumb_1379672501.jpg" width="150px" height="159px" border="0" alt="HOTEL SKYPARK Myeongdong II" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=250">HOTEL SKYPARK Myeongdong II</a><br /> Address : </strong>10-7 2-ga Euljiro Jung-Ku, Seoul, เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 5,600-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=250"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> <td valign="top" width="70%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=249"><img src="http://happytokorea.com/hotel/images/thumb_1379671845.jpg" width="150px" height="159px" border="0" alt="HOTEL SKYPARK Myeongdong III" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=249">HOTEL SKYPARK Myeongdong III</a></strong><br /> <strong>Address : </strong>62-9 Chungmuro 2-ga Jung-gu, Seoul, เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 4,900-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=249"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> </tr> <tr> <td valign="top" width="30%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=248"><img src="http://happytokorea.com/hotel/images/thumb_1379911614.jpg" width="150px" height="159px" border="0" alt="Hotel Sunshine" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=248">Hotel Sunshine</a><br /> Address : </strong>205 Dosandaero Sinsa-dong Gangnam-gu, Seoul, 135-120 เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 3,700-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=248"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> <td valign="top" width="70%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=247"><img src="http://happytokorea.com/hotel/images/thumb_1379670773.jpg" width="150px" height="159px" border="0" alt="Best Western Premier Seoul Garden" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=247">Best Western Premier Seoul Garden</a></strong><br /> <strong>Address : </strong>169-1 Dohwa-Dong, โซล, เกาหลีใต้<br /> <strong>Price : ราคาเริ่มต้น 4,600</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=247"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> </tr> <tr> <td valign="top" width="30%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=246"><img src="http://happytokorea.com/hotel/images/thumb_1379673137.jpg" width="150px" height="159px" border="0" alt="Lotte Hotel Seoul" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=246">Lotte Hotel Seoul</a><br /> Address : </strong>30, Eulji-Ro, Jung-Gu Seoul, 100-721 เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 11400-</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=246"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> <td valign="top" width="70%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" height="190" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=245"><img src="http://happytokorea.com/hotel/images/thumb_1379671413.jpg" width="150px" height="159px" border="0" alt="Pacific Hotel" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=245">Pacific Hotel</a><br /> Address : </strong>31-1, 2-ga, Namsan-dong, Jung-gu Seoul South Korea, โซล, เกาหลีใต้<br /> <strong>Price : ราคาเริ่มต้น 5200-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=245"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> </tr> <tr> <td valign="top" width="30%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=244"><img src="http://happytokorea.com/hotel/images/thumb_1294905297.jpg" width="150px" height="159px" border="0" alt="Noble Hotel" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=244">Noble Hotel</a></strong><br /> <strong>Address : </strong>19, Unni-dong, Jongno-gu, Seoul, เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 2,400-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=244"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> <td valign="top" width="70%" height="100%" align="center"><table cellspacing="1" cellpadding="3" bgcolor="#EFEFEF" width="350"> <tbody> <tr> <td width="40%" align="center" valign="top" bgcolor="white" class="style2"><table cellspacing="1" cellpadding="0" bgcolor="#EFEFEF"> <tbody> <tr> <td align="center" bgcolor="white" width="150px" height="159px"><a href="http://happytokorea.com/hotel/idp.php?idp=242"><img src="http://happytokorea.com/hotel/images/thumb_1379934043.jpg" width="150px" height="159px" border="0" alt="Amourex Hotel" /></a></td> </tr> </tbody> </table></td> <td width="60%" align="left" valign="top" bgcolor="white" class="style2"><strong><a href="http://happytokorea.com/hotel/idp.php?idp=242">Amourex Hotel</a><br /> Address : </strong>72, Doseon-dong, Seongdong-gu, Seoul, 133-040 เกาหลีใต้ <br /> <strong>Price : ราคาเริ่มต้น 3,400-.</strong><br /> <center> <a href="http://happytokorea.com/hotel/idp.php?idp=242"><img src="http://happytokorea.com/hotel/img/readmore.png" border="0" \="" /></a><br /> <img src="http://happytokorea.com/hotel/img/recommended.gif" border="0" \="" /> </center></td> </tr> </tbody> </table></td> </tr> </table> </body></html>