Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > พี่ๆช่วยด้วย นู๋ทำเป็น silde show แต่พอเลื่อนจนถึงภาพสุดท้ายมานวนกลับมาภาพแรก แต่มานไม่วนแบบ 1 2 3 1 กลับวนแบบ 123 321

พี่ๆช่วยด้วย นู๋ทำเป็น silde show แต่พอเลื่อนจนถึงภาพสุดท้ายมานวนกลับมาภาพแรก แต่มานไม่วนแบบ 1 2 3 1 กลับวนแบบ 123 321

เริ่มหัวข้อใหม่

Luckystar

โพสกระทู้ ( 937 )
บทความ ( 2 )

พี่ๆช่วยด้วย นู๋ทำเป็น silde show แต่พอเลื่อนจนถึงภาพสุดท้ายมานวนกลับมาภาพแรก แต่มานไม่วนแบบ 1 2 3 1 กลับวนแบบ 123 321

พี่คนไหนทำได้ม้างค่ะ บอกนู๋หน่อยย

Code (PHP)

<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>

Tag : PHP, HTML/CSS, JavaScript

ประวัติการแก้ไข
2011-10-13 22:07:57

Date : 2011-10-13 21:37:36

By : LuckyStar

View : 1136

Reply : 3

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ikikkok Banner Slide jQuery Plug-In 0.1 Beta

เอาไปดูเป็นแนวทาง

Date : 2011-10-13 23:30:29

By : ikikkok

No. 2

iieszz

โพสกระทู้ ( 1,127 )
บทความ ( 2 )

ขอถามเพิ่มเติมหน่อยครับพี่ปลากิม

สไลด์ตัวนี้เราจะปรับความเร็ว-ช้า ในการเปลี่ยน หน้าสไลด์ ตรงไหน ครับ

Date : 2011-10-14 10:00:18

By : iieszz

No. 3

grandraft

โพสกระทู้ ( 545 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 2 เขียนโดย : iieszz เมื่อวันที่ 2011-10-14 10:00:18

รายละเอียดของการตอบ ::

ตรง duration 6000 หรือเปล่าครับ ลอง เพิ่ม-ลด ดู คิดว่าน่าจะใช่นะ

Date : 2011-10-14 10:07:41

By : grandraftz

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : พี่ๆช่วยด้วย นู๋ทำเป็น silde show แต่พอเลื่อนจนถึงภาพสุดท้ายมานวนกลับมาภาพแรก แต่มานไม่วนแบบ 1 2 3 1 กลับวนแบบ 123 321

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ