Auto slider owl-carousel trong giao diện ustora web responsive

Thảo luận trong 'Thắc mắc và hỏi đáp về CNTT' bắt đầu bởi seolagi, 26/7/16.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,047
    Đã được thích:
    81
    Điểm thành tích:
    48
    HI Admin mình sử dụng giao diện responsive của thằng ustora, mình có thắc mắc 1 chút.
    Cái product, sản phẩm của giao diện này sử dụng js slider owl-carousel để trình diễn sản phẩm.
    Nhưng thằng slider owl-carousel nó đứng yên, nó không chạy auto. Mình sử dụng đủ mọi cách mà không chạy được.
    Mình lên google tìm thì nó cho đoạn code dưới, nhưng chèn vào thì web chạy được giao diện, nhưng giao diện bị đổi rất khó xem.
    Mã:
    ar owl = $('.owl-carousel');
    owl.owlCarousel({
        items:4,
        loop:true,
        margin:10,
        autoplay:true,
        autoplayTimeout:1000,
        autoplayHoverPause:true
    });
    $('.play').on('click',function(){
        owl.trigger('autoplay.play.owl',[1000])
    })
    $('.stop').on('click',function(){
        owl.trigger('autoplay.stop.owl')
    })
    Admin có cách nào cho slider này nó chạy mà không bị bể giao diện được không? Code giao diện mình đã gửi vào email phamcongson2003@gmail.com rồi.

    giao-dien-ustora-web.png

    Mong admin giúp đỡ tìm cách xử lý giúp mình.
     
    Cảm ơn đã xem bài:

    Auto slider owl-carousel trong giao diện ustora web responsive

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Hôm qua mình có trả lời email cho bạn rồi mà ta. Để mình copy nội dung email cho bạn xem lại ở đây nhé:

    Giao diện web của bạn sử dụng chèn code trên vào sẽ bị lỗi vì giao diện của thằng ustora nó tùy biến mã HTML trong code js, nên bạn phải sửa trực tiếp trong code js mới được.

    Cách sửa như sau:
    • Tìm tới JS của owl-carousel sau đó tìm tới đoạn code
    Mã:
    autoplay: !1, autoplayTimeout: 5e3, autoplayHoverPause: !1, autoplaySpeed: !1 
    • Và thay bằng đoạn code
    Mã:
     autoplay: true, autoplayTimeout: 1000, autoplayHoverPause: [1000], autoplaySpeed: [1000]
    • Ra ngoài chạy lại web, thì slider của bạn sẽ chạy được ngay nhé.
     
  3. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,047
    Đã được thích:
    81
    Điểm thành tích:
    48
    Cảm ơn ad, mình mò mãi mà không ra, thì ra nó áp số thẳng vào trong js, mình add thêm bên ngoài bị lỗi. giờ mới mò ra được.

    TK ad nhiều lắm
     


Chủ để tương tự : Auto slider
Diễn đàn Tiêu đề Date
Thắc mắc và hỏi đáp về CNTT Tìm hiểu tool auto upload video TikTok mới nhất 28/10/24
Thắc mắc và hỏi đáp về CNTT Khám phá top 5 tool auto comment Group Facebook hiệu quả nhất 24/10/24
Thắc mắc và hỏi đáp về CNTT Giúp build PC dành cho sinh viên làm AutoCad 2D/3D 12/9/19
Thắc mắc và hỏi đáp về CNTT xin tool chạy auto like 10/1/18
Thắc mắc và hỏi đáp về CNTT Hướng dẫn sử dụng phần mềm Auto click 2.2 click nhiều điểm, đa điểm, 1 điểm 12/8/14