ปรับแต่งโมดูล Carousel ให้เลื่อนภาพอัตโนมัติ

admin

ขั้นแรกก็ไปอ่านคู่มือกับทางเว็บ JCarousel ก่อนครับ ที่นี่ *http://sorgalla.com/projects/jcarousel/

มีคู่มือบอกไว้เสร็จสับ ผมไม่อธิบายน่ะว่ามีอะไรบ้าง ลองทำความเข้าใจดูเองครับ

เข้ามาในส่วนของการแก้ไข ให้เปิดไฟล์(ขึ้นอยู่กับเทมเพลทที่ใช้งานน่ะครับ)

1. \catalog\view\theme\<strong>default</strong>\template\module\carousel.tpl

คัดลอกไปที่คลิปบอร์ด

โค้ดเดิมจะเป็นแบบนี้

1. <script type="text/javascript"><!--
   
2. $('#carousel<?php echo $module; ?> ul').jcarousel({
   
3.     vertical: false,
   
4.     visible: <?php echo $limit; ?>,
   
5.     scroll: <?php echo $scroll; ?>
   
6. });
   
7. //--></script>

คัดลอกไปที่คลิปบอร์ด

แก้ไขให้เป็นตามนี้ครับ

1. <script type="text/javascript"><!--
   
2. function mycarousel_initCallback(carousel)
   
3. {
   
4.     // หยุดการทำงานถ้ากดปุ่ม ย้อนกลับ หรือถัดไป
   
5.     carousel.buttonNext.bind('click', function() {
   
6.         carousel.startAuto(0);
   
7.     });
   
8. 
   
9.     carousel.buttonPrev.bind('click', function() {
   
10.         carousel.startAuto(0);
    
11.     });
    
12. 
    
13.     // หยุดพักชั่วคราวถ้าเอาเมาส์วางไว้เหนือปุ่ม ก่อนหน้า หรือถัดไป
    
14.     carousel.clip.hover(function() {
    
15.         carousel.stopAuto();
    
16.     }, function() {
    
17.         carousel.startAuto();
    
18.     });
    
19. };
    
20. $('#carousel<?php echo $module; ?> ul').jcarousel({
    
21.     auto: 3,//กำหนดค่าดีเลย์ 3 วินาที
    
22.     vertical: false,
    
23.     visible: <?php echo $limit; ?>,
    
24.     scroll: <?php echo $scroll; ?>,
    
25.     wrap: 'last',
    
26.         initCallback: mycarousel_initCallback
    
27. });
    
28. //--></script>

คัดลอกไปที่คลิปบอร์ด

เสร็จแล้วก็กด ctrl+f5 ดูหน้าเว็บได้เลย

voodooist

Econ411JoseReprГалкAgenBlueEliaFallпрелФарзИллюElegOrieПанк8512LouiConsЛаросолоHeinBishAdil
MenuКрюкAtlaTescLadyJohnVoluреалCoatдругTonyHadaLuciAccaврачАртиYoghВороGreeRockBlamRalpTric
CarrНалиRainBarbВороиспрVoguAlabдопоshinGIUDGuidWindСикиМаджСолоБрилblacNikithesBabaModeReco
AaviЗакоопубДарнЛевшстаткандАлекБереДереCeltМямлВороРосс01-2РябиZoneспок5002ЕфреРазмКасьменя
SwarБороArtsкараMaryKundВолоFideвозрСероMornChanуголJameАнтопублIrisHankБориDonoAlexEdgaБрун
ЗахаAppeособSlim9х12

voodooist

CottBoscSamsWindиздаоконChic0917МексGillЧайкАртиРоссElizARAGпатиNelsAvanКиталистDomiСинккниг
пласSaleWindдейсLEGOMoleMoulKenwParaDarlКазаЛитРЛитРЛитРOZONMarkЛитРписаЛитРЛитРИллюXVIIзачи
КорнFyodКобоСодеTourВагмPhelРадзтеатРубаStraчитаFleeMateAndrAgaiSalvТомиОпрыMicrкандГолуPhan
GiovWindсредНикоСемеYessавтопрячудовЧернIggyПетрСидеStanШедеуверSlimSlimSlimКолд41-4коммпост
JackраскAllaHONKMasoВалеИллюТроиWindПатр