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 / Images and Media

Responsive Slideshow Photo Gallery Grid

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Các Responsive Slideshow Photo Gallery có một chất lỏng / linh hoạt / bố trí đá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 chosing của bạn và nó thích ứng dựa trên chiều rộng của div đó, chiều cao lưới được điều chỉnh dựa trên số lượng của hình thu nhỏ và nếu các yếu tố khác là dưới div lưới họ sẽ được đẩy xuống tự động (tài liệu lưu). Trong các ví dụ được cung cấp, bạn có thể 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 mã của ví dụ này được cung cấp trong các tập tin tải về).

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

Các Responsive Slideshow Photo Gallery là sử dụng GPU (tăng tốc phần cứng) bằng cách sử dụng các tiêu chuẩn HTML5. Tốc độ dựng hình và hiệu suất là hoàn hảo trên máy tính để bàn và quan trọng nhất trên các thiết bị di động, cách nó hoạt động nó sẽ cố gắng sử dụng CSS3 và nếu điều này là không có sẵn, nó sẽ xuống rơi xuống CSS2 hoặc CSS1 cho các trình duyệt cũ như IE7IE8.

Hiệu suất tuyệt vời trên các thiết bị di động, bạn có thể thấy trong các video demo mà nó chỉ chạy 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 kể cả trên các trình duyệt cũ như IE7IE8. Chúng tôi đã thử nghiệm nó trên ipad3 (ios) và trên một SAMSUNG GALAXY S3 (android) và nó chạy rất 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ặc Xem bản demo chạy trên iPad (IOS).

GRID TÍNH NĂNG CHÍNH

Linh hoạt / layout Lỏng: 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 layout thích nghi mà làm cho nó ứng viên hoàn hảo cho bất kỳ loại dự án.

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

Tùy chỉnh kích thước hình nhỏ và hình học: Tính năng này cho phép bạn thay đổi kích thước của hình thu nhỏ và không gian giữa các hình thu nhỏ.

Tùy chỉnh hình thu nhỏ biên giới và nền: mỗi thumbnail có thể có một biên giới và một nền, màu nền của hình thu nhỏ, kích thước của đường viền và màu sắc của biên giới có thể tùy chỉnh.

Mô tả hình ảnh thu nhỏ của: mỗi ngón tay cái có thể có một mô tả ngắn với một nền trong suốt dưới nó và mô tả này là có thể nhìn thấy khi con chuột là hơn một hình ảnh thu nhỏ, các văn bản có thể được định dạng với CSS, màu nền và độ mờ đục cũng có thể được sửa đổi (tùy chọn).

"Tải thêm hình thu nhỏ đặc trưng": đây là một tính năng giúp cải thiện hiệu suất tổng thể và tốc độ tải bởi vì theo cách này không phải tất cả các hình nhỏ được nạp và hiển thị cùng một lúc. Ví dụ nếu bạn có một tổng số 120 hình thu nhỏ bạn có thể hiển thị chúng trong bộ 50 hình thu nhỏ, và vì thế ban đầu trong lưới tập đầu tiên của 50 hình thu nhỏ được nạp và hiển thị, và khi "nạp thêm hình thu nhỏ" nút được nhấn tiếp theo bộ 50 hình thu nhỏ được nạp và hiển thị, và cuối cùng khi nút "tải nhiều hình thu nhỏ" được nhấn một lần nữa 20 hình thu nhỏ còn lại được cho thấy. Số lượng các hình thu nhỏ để nạp cho mỗi bộ là tùy chỉnh, nó không phải là 50 nó có thể là bất kỳ số mà bạn xem xét. Tính năng này là tùy chọn, nếu nó bị vô hiệu hóa tất cả các hình thu nhỏ được nạp và hiển thị.

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

Lightbox MAIN FEATURES

Linh hoạt / layout Lỏng: các lighbox sẽ luôn lấp đầy khung nhìn trình duyệt 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à các 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 một cách dễ dàng.

Phóng to và panning hỗ trợ cho hình ảnh: bạ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).

Nút Slideshow (tùy chọn).

Slideshow chậm trễ, sự chậm trễ của các slideshow có thể được thiết lập chỉ trong vài giây.

Slideshow autoplay.

Slideshow tùy chỉnh đồ họa hoạt hình.

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

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

Biên giới tùy biến và nền: kí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ợ: bên trái và mũi tên bên phải có thể được sử dụng để điều hướng (tùy chọn).

CẬP NHẬT

2013/02/19 - Chúng tôi đã thêm một tính năng mới cho mạng lưới này, các tùy chọn để thêm các biểu tượng truyền thông qua các hình thu nhỏ khi họ được lựa chọn, bây giờ bạn có thể chọn giữa các hình thu nhỏ mô tả, biểu tượng hoặc phương tiện truyền thông "không" khi một thumbnail được chọn.

2013/03/07 - Sửa một số lỗi liên quan đến các hộp đèn và thêm hỗ trợ tốt hơn cho việc phát hiện điện thoại di động.


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:
15 Tháng một 13

Cập nhật cuối cùng:
8 Tháng Ba 13

Độ phân giải cao:
Vâng

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

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

Từ khóa

Thương mại điện tử, Thương mại điện tử, Tất cả mó, n đồ, css3, năng động, linh hoạt, chất lỏng, lưới, html5, hộp đè, n, phương tiện truyền thô, ng, đá, p lại, Vimeo, youtube