2012-06-15 29 views
7

I'ld thích làm một cái gì đó như thế này trong jQueryMobile:Carousel như bộ sưu tập trong jQuery Mobile

Carousel

Tôi không cần nhiều hơn một thanh trượt và các chỉ số mà trang được chọn. Nó sẽ hiển thị một số hình ảnh.

Vì vậy, tôi đã thử nghiệm rất nhiều Thư viện hình ảnh. Nhưng hầu hết trong số họ không

a) Có hình thu nhỏ làm giao diện ban đầu hoặc b) không hoạt động tốt với jQuery Mobile.

Có ai biết cách đơn giản để bắt đầu điều này không?

+2

Thanh trượt nivo hiện đáp ứng nhưng không chắc chắn nếu nó là 100%, cá nhân tôi đã sử dụng thanh trượt flex với jQuery Mobile và hoạt động rất tốt - http: // www .woothemes.com/flexslider/flexslider-demo/ – martincarlin87

+1

điều này thật thú vị ... http://swipejs.com/ –

+0

Tôi thứ hai @ martincarlin87. Tôi cũng sử dụng flexslider và ít nhiều linh hoạt (bạn cần phải chỉnh CSS một chút), ngoài ra tôi còn quản lý để thay thế các điều khiển thanh trượt bằng các phần tử JQM "gốc", vì vậy các chấm của tôi là các nút chỉ có biểu tượng (không có biểu tượng) chẳng hạn. – frequent

Trả lời

3

Cubiq's Swipeview thực sự tốt, nhẹ và đáp ứng.

Nó có những gì bạn yêu cầu và không nhiều hơn nữa. Trong số các thanh trượt tôi đã thử nghiệm với jQM, đây là phản ứng nhanh nhất.

Để cho nó để làm việc với jQM bạn có ba lựa chọn:

  1. Initialize trước jQM
  2. Wrap nó trong một pageshow
  3. Nơi nó trong một iFrame
+0

Đã thử bản demo trong liên kết trên iPhone 5s và cái này trông rất tuyệt! Làm việc với swiping trái và phải. – Guus

1

Giá trị mặc định băng chuyền được xây dựng vào Bootstrap khá tốt. Kết hợp với một số tùy chỉnh css nó có thể làm việc kỳ diệu. Nó có tùy chọn cho hình thu nhỏ, và tôi chắc chắn nó sẽ làm việc với jQuery Mobile.
Bạn có thể nhìn thấy nó bằng cách sử dụng liên kết bên dưới:

Boostrap Carousel

+0

Đã thử trên iPhone 5s và có vẻ thú vị nhưng thao tác vuốt không hoạt động hoặc không được hỗ trợ. Bạn phải bấm mũi tên trái/phải. – Guus

1

ItemSlide.js là một băng chuyền tuyệt vời dành cho điện thoại di động, nó đơn giản, dễ sử dụng và có kích thước nhỏ! Bạn có thể tìm thấy bản trình diễn trực tiếp cùng với tài liệu tại đây: http://itemslide.github.io/

Các vấn đề liên quan