ขอรบกวนช่วยแก้ jquery คร้าบ +1 ทุกท่าน

[Coupon]

 

โค้ด เลือก ขยาย

http://test.vostrel.net/jquery.reel/example/object-movie-multi-row-sequence/

พอดีไม่อยากให้มันหมุน ตลอด มันเวียนหัว ต้องเติม บรรทัดใหนคร้าบ ขอบคุณทุกท่านนะคร้าบ งมมาท้างวัน

โค้ด เลือก ขยาย

    <img src="mini.jpg" width="200" height="200"
      class="reel"
      id="image"
      data-images="mini/###.jpg"
      data-frames="20"
      data-frame="14"
      data-rows="6"
      data-row="3"
      data-speed="0.3">

And the two annotations:

    <div class="reel-annotation"
      id="first_row"
      data-start="1"
      data-end="20"
      data-x="10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100,105"
      data-y="10"
      data-for="image">
      First row
    </div>
   
    <div class="reel-annotation"
      id="last_row"
      data-start="101"
      data-end="120"
      data-x="105,100,95,90,85,80,75,70,65,60,55,50,45,40,35,30,25,20,15,10"
      data-y="175"
      data-for="image">
      Last row
    </div>

 

[Jir4yu]

ไม่เคยใช้นะครับ

แต่ผมลองไปหาที่ doc ของ plugin มาให้

ใส่ option นี้ลงไปครับ

โค้ด เลือก ขยาย

.reel({
  loops: false,
})

ลิงค์ doc:

โค้ด เลือก ขยาย

http://test.vostrel.net/jquery.reel/docs/jquery.reel.html#Basic-Definition

[Coupon]

 


+ ให้ก่อนคร้าบ เดี๋ยวกลับไปลองออกมานอกบ้านคร้าบ

[Coupon]

+ ให้ก่อนคร้าบ เดี๋ยวกลับไปลองออกมานอกบ้านคร้าบ

  ขอถามอีกที่ว่าใส่ตรงใหนคร้าบ 

   

[Synchronize]

ลองเพิ่ม

data-loop="false"

ลงไป ได้มั้ยครับ  อันนี้เดาเอานะ

[Coupon]

+ 1 ให้แล้วคร้าบ 

[Jir4yu]

ไม่รุ้ว่ายังต้องการอยู่หรือเปล่านะครับ

ถ้า link jquery เข้ามาแล้วก็ใส่ script ไว้ใต้ไฟล์นั้นที่ต้องการใช้ได้เลยครับ

โค้ด เลือก ขยาย

<script>
$(document).ready(function(){ $('ไอดีหรือคลาสของelement').reel({loops: false}) })
</script>

[Coupon]

  ขอดันหน่อยนะครับ ยังไม่สำเร็จเลยคร้าบ 

[Synchronize]

ผมมันไร้ความสามารถจริงๆ พยายาม หาวิธ๊แล้ว หาไม่เจอจริงๆ ครับ

เลยใช้วิธีแบบอ้อมๆ  เอา ด้วยการ ดัก event play ของมัน แล้ว delay stop เข้าไป

โค้ด เลือก ขยาย

$( function () {
    $( "#image" ).on( "play", function () {
        var $self = $( this );
        setTimeout( function () {
            $self.trigger("stop");
        }, 10 );
    });
});

http://jsfiddle.net/N3S5f/4/

[Coupon]

ผมมันไร้ความสามารถจริงๆ พยายาม หาวิธ๊แล้ว หาไม่เจอจริงๆ ครับ

เลยใช้วิธีแบบอ้อมๆ  เอา ด้วยการ ดัก event play ของมัน แล้ว delay stop เข้าไป

โค้ด เลือก ขยาย

$( function () {
    $( "#image" ).on( "play", function () {
        var $self = $( this );
        setTimeout( function () {
            $self.trigger("stop");
        }, 10 );
    });
});

http://jsfiddle.net/N3S5f/4/

มาขอบคุณในความพยามช่วยเหลือคร้าบ + + +     ยังไม่สำเร็จเลยคร้าบ

[Z-ip]

เพิ่ม
$("#image").on("click",function() {
   $(this).pause();
},function() {
    $(this).play();
});

คลิกที่รูปเพื่อเล่น/หยุด
เผื่อช่วยสะกิดไอเดียท่านได้

[Coupon]

เพิ่ม
$("#image").on("click",function() {
   $(this).pause();
},function() {
    $(this).play();
});

คลิกที่รูปเพื่อเล่น/หยุด
เผื่อช่วยสะกิดไอเดียท่านได้

+ + 

[hackaichay]

ลองใส่

data-opening="1"

ดูครับ ถ้าไม่ได้ลองเพิ่ม

data-entry="1"

ดูครับ

[kobkung]

ลบบรรทัดนี้ออก จบเลย 
data-speed="0.3"

เท่าที่แกะ js เหมือนผูกคำนวณไว้ loop false ก็ไม่หยุด

[zazane]

ลบบรรทัดนี้ออก จบเลย 
data-speed="0.3"

เท่าที่แกะ js เหมือนผูกคำนวณไว้ loop false ก็ไม่หยุด

แบบนี้เอง ขอบคุณค่ะ