WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

jQuery Responsive OneByOne Slider Plugin

— Add-On để WorldWideScripts.net

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Các onebyone Slider là một trọng lượng nhẹ, đáp ứng & lớp jQuery plugin bạn có thể sử dụng để hiển thị hình ảnh và một văn bản của bạn một. Các hình ảnh động CSS3 là lái xe của Animate.css. Ita € ™ s di động thân thiện, có hỗ trợ lau trái / phải trên thiết bị cảm ứng của bạn như iPhone & iPad. Bạn có thể kéo và thả để điều hướng bằng chuột quá. Bản cập nhật mới nhất thêm một ví dụ thêm, mà làm cho Twitter Bootstrap Carousel hỗ trợ một bằng một hình ảnh động.

làm theo rss

Bây giờ ita € ™ s có sẵn trong WordPress (nhấp vào hình ảnh dưới đây)

Plugin wordpress

Thay đổi bản ghi (vui lòng tải về nếu bạn mua nó trước đó)

(Cập nhật ngày 15 Tháng 5 2013)
  • Cập nhật lên jQuery 1.9.1 và sử dụng Modernizr để phát hiện các hỗ trợ CSS3 quá trình chuyển đổi. Bạn có thể tải về lại gói nguồn nếu muốn sử dụng nó với jQuery 1.9.1.
(cập nhật ngày 14 tháng 11 2012)
  • Tích hợp với Bootstrap Carousel. Bạn có thể sử dụng nó trên khung yêu thích của bạn ngay bây giờ.
  • Thêm autoHideButton tùy chọn, thiết lập để sai để làm cho các mũi tên luôn được hiển thị.
  • Cập nhật các tài liệu trợ giúp.
(Cập nhật ngày 14 tháng 9 năm 2012)
  • Thêm ví dụ đáp ứng.
  • Thêm phai trong quá trình chuyển đổi IE9-, mà không nêu € ™ t hỗ trợ chuyển đổi CSS3.
  • Bây giờ bạn có thể tùy chỉnh từng slideâ € ™ s hình ảnh động, thậm chí mỗi phần tử trong slideâ € ™ s hình ảnh động.
  • Thêm hover để tạm dừng tùy chọn của các slideshow.
  • Thêm â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ hoạt hình.
  • Sửa lỗi: link Cana € ™ t được bấm trong iOS.
  • Cập nhật để jQuery 1.8.1.

Mua giấy phép mở rộng?

Tôi đánh giá cao nếu bạn có thể đặt này itemâ € ™ s liên kết trong € ™ s itemâ bạn mô tả. Vui lòng cung cấp chỉ có phiên bản minified của file js về chủ đề của bạn, và một giấy phép mở rộng có thể được sử dụng trên một chủ đề duy nhất.

Các tính năng:

  • CSS3 hoạt hình điều khiển, phần cứng tăng tốc quá trình chuyển đổi CSS3 cho hỗ trợ trình duyệt hiện đại.
  • Hỗ trợ nhanh nhạy, ví dụ bao gồm.
  • Điện thoại di động thân thiện, bạn có thể sử dụng nó trong một thiết bị cảm ứng.
  • Ita € ™ s nhẹ, javascript nén là chỉ 4KB.
  • Tùy chọn trình chiếu tự động chậm trễ, hove tùy chọn để tạm dừng các slideshow.
  • Mỗi slide hoặc elementâ € ™ s hình ảnh động có thể được tùy chỉnh.
  • Chức năng kéo tùy chọn của chuột.
  • Phong cách hoạt hình tùy chọn, có thể là trong ngẫu nhiên hoặc loại nào khác.
  • Mũi tên tùy chọn và các nút.
  • Hỏi đáp được bao gồm trong gói phần mềm nguồn.
  • Cập nhật miễn phí, bạn có thể tải về các bản cập nhật trong tương lai miễn phí.

Về việc chuyển đổi CSS3

Lưu ý: Việc chuyển đổi CSS3 chỉ hoạt động trong các trình duyệt hiện đại như Firefox, Safar và Chrome. Mà không nêu € ™ t làm việc trong IE7, 8 & 9, có vẻ như các trình duyệt IE 10 sẽ hỗ trợ nó.

Đối với người sử dụng jQuery 1.8.0

Có vẻ như đó là một lỗi với jQuery 1.8.0, xin vui lòng tải phiên bản nén của jQuery và dòng comment 4521, sau đó plugin này sẽ làm việc tốt.
 // Ném Lỗi mới ("Lỗi cú pháp, biểu hiện không được công nhận:" + msg); 

Cài đặt các plugin có sẵn

 // Tên của wrapper className: 'onebyone', // Tên lớp wrapper div của mỗi thanh trượt sliderClassName: 'oneByOne_item', // Tạm dừng trình chiếu tự động khi người dùng di chuột chậm trễ pauseByHover: đúng, // Sự dễ dàng phong cách hoạt hình toàn cầu, // Có hiệu lực nếu bạn không được xác định trước đó trong phần tử easeType: 'fadeInLeft', // Độ rộng của thanh trượt width: 960, // Chiều cao của thanh trượt chiều cao: 420, // Sự chậm trễ của các liên lạc / kéo tween chậm trễ: 300, // Sự khoan dung của các liên lạc / kéo khoan dung: 0,25, // Kích hoạt hoặc vô hiệu hóa chức năng kéo bằng chuột enableDrag: đúng, // Hiển thị trước / mũi tên bên cạnh hay không showArrow: đúng, // Tự động ẩn các mũi tên khi người dùng rời khỏi trượt hoặc không autoHideButton: đúng, // Hiển thị các nút hình tròn hoặc không showButton: đúng, // Tự động chơi các thanh trượt hay không SlideShow: false, // Millisecond chậm trễ của các slidershow slideShowDelay: 3000, // Thiết lập để đáp ứng đúng, khi bạn sẽ thay đổi // Kích thước của thanh trượt với các truy vấn phương tiện truyền thông trong CSS đáp ứng: đúng // Khi trượt nhỏ hơn MinWidth, // Các văn bản đang được ẩn trong các phản ứng MinWidth: 480 

Sẵn easeType

â € ~fadeInâ € ™, â € ~fadeInUpâ € ™, â € ~fadeInDownâ € ™, â € ~fadeInLeftâ € ™, â € ~fadeInRightâ € ™, â € ~fadeInRightâ € ™, â € ~bounceInâ € ™, â € ~bounceInDownâ € ™, â € ~bounceInUpâ € ™, â € ~bounceInLeftâ € ™, â € ~bounceInRightâ € ™, â € ~rotateInâ € ™, â € ~rotateInDownLeftâ € ™, â € ~rotateInDownRightâ € ™, â € ~rotateInUpLeftâ € ™, â € ~rotateInUpRightâ € ™, â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~ flipInYâ € ™, â € ~lightSpeedInâ € ™ hoặc â € ~randomâ € ™

Thẻ tín dụng

Animate.css là từ Dan Eden.
Những hình ảnh nền trong ví dụ bootstrap là từ photos8.

Kiến nghị cho bạn

XML Hình ảnh / Video Lưới Gallery:
gallery lưới
Mẫu AS3 flash Fotography:
nhiếp ảnh

Tải về
Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
Ý kiếnCâu hỏi thường gặp và câu trả lời

Tài sản

Tạo:
24 Tháng Mười 11

Cập nhật cuối cùng:
17 ngày 13 tháng 8

Các trình duyệt tương thích:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Bao gồm các tập tin:
JavaScript JS, HTML, CSS

Phiên bản phần mềm:
jQuery

Từ khóa

Thương mại điện tử, Thương mại điện tử, Tất cả mó, n đồ, hoạt hì, nh, tự động chậm trễ, biểu ngữ rotator, css3, ké, o, ios, jquery, di động, từng cá, i một, đá, p lại, bắp thịt xoay, thanh trượt, trì, nh chiếu, chạm, lau