<script language="javascript"> $(this).bind('load',gallery); function gallery(){ var _totalpic = $('.thumb li').length; var _page = Math.ceil(_totalpic); var lastpage = "-"+(_page-1)*95; var _nowpage = 1; var _btnL = $('.thumbcontainer .slideThumbL'); var _btnR = $('.thumbcontainer .slideThumbR'); var _train = $('.thumbcontainer .train'); var _speed = 500; _btnL.click( function(){ if(_nowpage!=1){ move('L'); --_nowpage; }else{ move('L2'); _nowpage = _page-1; } return false; }); _btnR.click( function(){ if(_nowpage!=_page){ move('R'); ++_nowpage; }else{ move('R2'); _nowpage = 1; } return false; }); function move(_dir){ switch(_dir){ case 'L': _train.animate( { 'left':'+=95px' },_speed) break; case 'L2': _train.animate( { 'left':lastpage },_speed) break; case 'R': _train.animate( { 'left':'-=95px' },_speed) break; case 'R2': _train.animate( { 'left':'0px' },_speed) break; } } var _width = $('.headcalendar').width(); if(_width!= null){ _width = _width/2; $('.headcalendar').css('margin-left',(_width*(-1))+'px'); } } </script> </head> <body> <div class="thumbcontainer"> <a href="#" class="slideThumbL">Previous</a> <div class="crop"> <div class="train" style="left: 0px;"> <ul class="thumb"> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143707.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143825.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143707.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143825.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143707.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143825.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143707.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143825.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143707.jpg"></a></center></li> <li><center><a href="#"><img width="74" height="50" border="0" class="photo" src="http://www.thailema.com/media/11/images/photo_20110914143825.jpg"></a></center></li> <div style="clear:both"></div> </ul> </div> </div> <a href="#" class="slideThumbR">Next</a> </div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
