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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— 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ó!


Kéo lưới vô hạn với Lightbox - WorldWideScripts.net Mục Bán

Ads

Ad: Bluehost hosting

CácVô hạn hình ảnh lưới với Lightboxcó một bố cục chất lỏng / linh hoạt / đáp ứng. Về cơ bản lưới điện được thêm vào một trang HTML vào một div của sự lựa chọn của bạn và nó thích nghi dựa của chiều rộng của div và chiều cao. Trong các ví dụ được cung cấp, bạn có thể nhìn thấy một vài cách mà bạn có thể sử dụng mạng lưới này, tất nhiên là cấu hình khác là có thể ( xin lưu ý rằng các ví dụ được cung cấp trong các tập tin tải về) .

Tinh khiết OOP mã JavaScript, không sử dụng jQuery hoặc các thư viện, bằng cách này sẽ không có sự không tương thích với các trang HTML có thể được sử dụng thư viện JavaScript jQuery hoặc khác .

CácVô hạn hình ảnh lưới với Lightboxđược sử dụng GPU( tăng tốc phần cứng )sử dụngTiêu chuẩn HTML5Tốc độ xử lý và hiệu suất hoàn hảo trên máy tính để bàn và quan trọng nhất trên thiết bị di động . nó hoạt động theo cách sau : nó sẽ cố gắng sử dụng CSS3 và nếu điều này là không có sẵn nó xuống sẽ giảm xuống CSS2 hoặc CSS1 cho các trình duyệt cũ nhưIE7IE8.

Dễ dàng cài đặt và tài liệu hướng dẫn đầy đủ bao gồm, Danh sách lưới điện được xây dựng từ các yếu tố <ul> mà làm cho nó dễ dàng để thiết lập bằng tay hoặc được tạo ra từ một cơ sở dữ liệu hoặc bất kỳ loại cấu trúc dữ liệu, mạng lưới này có thể được cài đặt và sử dụng bởi các nhà thiết kế hoặc các nhà phát triển dễ dàng.

Hiệu suất tuyệt vời trên các thiết bị di động, bạn có thể nhìn thấy trong đoạn video giới thiệu và chạy nó giống như một ứng dụng bản địa !, Nó đã được mã hoá và tối ưu hóa cho các thiết bị di động và nó là 100 % tương thích điện thoại di động và tất nhiên nó sẽ chạy chỉ là tuyệt vời trên máy tính để bàn bao gồm cả trên các trình duyệt cũ như IE7 và IE8 . Chúng tôi đã thử nghiệm nó trên iPad3 và trên Samsung Galaxy S3 ( Android ) và nó chạy tốt trên cả hai thiết bị, dưới đây là các liên kết để xem bản demo này .

Xem bản demo chạy trên Samsung Galaxy S3 ( Android )hoặcXem bản demo chạy trên iPad (IOS) .

GRID Tính năng chính

Linh hoạt / chất lỏng bố trí: Bạn có thể kiểm soát kích thước của lưới điện với CSS hay JavaScript, về cơ bản nó có một bố trí thích ứng mà làm cho nó ứng cử viên hoàn hảo cho bất kỳ loại dự án .

Bốn loại màn hình hiển thị bao gồm: chiều rộng dịch, toàn màn hình, linh hoạt và lightbox ( xem ví dụ ) .

Toàn bộ chủ đề màu sắc và da có thể được sửa đổi.

Cách duy nhất để hiển thị hình ảnh của bạn!Về cơ bản lưới điện có thể được kéo vô thời hạn trong bất kỳ hướng nào và hình thu nhỏ mới sẽ được hiển thị, có một thuật toán toán học phức tạp đằng sau mui xe của lưới này mà làm cho điều này có thể . Hỗ trợ cho số lượng lớn các hình ảnh.

Tùy biến hình thu nhỏ hình học và màu sắc chủ đề : tính năng này cho phép bạn thay đổi kích thước của hình thu nhỏ và màu nền.Hình thu nhỏ của lớp phủ trong suốtmột hộp màu trong suốt xuất hiện trong một hình ảnh thu nhỏ khi nó không được chọn, màu sắc và độ mờ đục cho hộp này có thể tùy chỉnh (tùy chọn) .

Hình thu nhỏ các biểu tượng nhỏbiểu tượng nhỏ xuất hiện khi một thumbnail được chọn, các biểu tượng này là của ba loại ( video, liên kết và hình ảnh ) (tùy chọn) .

Tùy chỉnh báo chí trước hành động :khi một hình ảnh thu nhỏ được nhấn bạn có thể chọn để hiển thị một phương tiện truyền thông lightbox ban đầu mà chúng tôi đã mã hoá, hoặc để mở một trang web mới, các URL và các mục tiêu của trang web này có thể được chỉ định. Lightbox có thể hiển thị hình ảnh, hoặc nó có thể hiển thị video tải từ YouTube hoặc Vimeo .

Chuyển hướng hoạt hình màn hình trợ giúp (tùy chọn) .

Hỗ trợ xoay chuột, hướng di chuyển có thể được thiết lập để theo chiều dọc hoặc ngang (tùy chọn) .

Nút toàn màn hình (tùy chọn) .

Lightbox Tính năng chính .

Linh hoạt / chất lỏng bố trícác lighbox sẽ luôn luôn điền vào các trình duyệt khung nhìn có sẵn .

Toàn bộ chủ đề màu sắc có thể được sửa đổi.

Vimeo và YouTube hỗ trợ :tất cả các bạn phải làm là để bao gồm các liên kết từ YouTube hoặc Vimeo video mà bạn muốn hiển thị và lighbox sẽ hiển thị và chơi video của bạn. Kích thước (chiều rộng và chiều cao ) của mỗi video có thể được thiết lập dễ dàng .Zoom và di chuyển màn hình hỗ trợ hình ảnhbạn có thể phóng to thu nhỏ một hình ảnh và bạn có thể xoay hình ảnh, bằng cách này bạn có thể nhìn thấy hình ảnh rất chi tiết (tùy chọn) .

Xem trình diễnnút (tùy chọn) .

Chậm trễ trình chiếu, sự chậm trễ của trình chiếu có thể được thiết lập trong vài giây.

Xem trình diễn tự động phát .

Xem trình diễn tùy chỉnh hoạt hình đồ họa .

Tiếp theo và trước đó các nút điều hướng (tùy chọn) .

Nút và thông tin cửa sổ thông tin :mỗi mục lighbox có thể có một mô tả, sự xuất hiện văn bản và cửa sổ có thể được định dạng với CSS (tùy chọn) .

Biên giới tùy biến và nềnkích thước và màu sắc biên giới và cũng là màu nền chính có thể tùy chỉnh .

Bàn phím hỗ trợcác mũi tên trái và phải có thể được sử dụng để điều hướng (tùy chọn) .

CẬP NHẬT

2013/03/27 - Cố định lỗi liên quan đến Windows8 tàu điện ngầm và máy tính để bàn .

2013/02/07 - thêm một tính năng cho phép lưới điện được kéo theo chiều dọc, chiều ngang hoặc cả hai.

2013/06/03 - Cố định một loạt các lỗi và thêm hỗ trợ cho bánh xe chuột, bằng cách này lưới điện có thể được cuộn theo chiều ngang hoặc theo chiều dọc bằng cách sử dụng bánh xe chuột (tùy chọn) .


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 ra:
5 13 Tháng 2 , Cập nhật lần cuối

trình duyệt tương thích:
IE7, IE8 , IE9, IE10 , Firefox, Safari , Opera, Chrome , phiên bản phần mềm

Độ phân giải cao:

tập tin bao gồm:
JavaScript của JS , HTML , CSS

Từ khóa