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

สมัครสมาชิกฟีด ของเรา จะอยู่ถึง วันที่ !

ใหม่! ติดตามเรา ตามที่คุณต้องการ!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ตอบสนองสไลด์โชว์แกลอรี่ภาพมีของเหลว / มีความยืดหยุ่น / รูปแบบการตอบสนอง โดยทั่วไปตารางจะถูกเพิ่มลงในหน้า html เป็น div ของ chosing ของคุณและจะปรับการตามความกว้างของ div ที่สูงตารางที่มีการปรับเปลี่ยนขึ้นอยู่กับจำนวนของภาพขนาดเล็กและถ้าองค์ประกอบอื่น ๆ ที่อยู่ด้านล่าง div ตารางที่พวกเขาจะได้รับการผลักดันลงโดยอัตโนมัติ (ไหลเอกสาร) ในตัวอย่างที่มีให้คุณสามารถมองเห็นในไม่กี่วิธีที่คุณอาจใช้ตารางนี้แน่นอนว่ากำหนดค่าอื่น ๆ ที่เป็นไปได้ (โปรดทราบว่ารหัสตัวอย่างนี้ให้ไว้ในไฟล์ดาวน์โหลด)

OOP บริสุทธิ์ JavaScript รหัสการใช้งานของ jQuery หรือห้องสมุดอื่น ๆ ที่ไม่มีในลักษณะนี้จะมีกันไม่ได้กับหน้าเว็บ HTML ที่อาจจะใช้ jQuery JavaScript หรือห้องสมุดอื่น ๆ

ตอบสนองสไลด์โชว์แกลอรี่ภาพใช้ GPU (การเร่งความเร็วฮาร์ดแวร์) โดยใช้มาตรฐาน HTML5 ความเร็วในการแสดงผลและประสิทธิภาพการทำงานไร้ที่ติบนคอมพิวเตอร์เดสก์ทอปและที่สำคัญที่สุดบนโทรศัพท์มือถือ, วิธีการทำงานก็จะพยายามที่จะใช้ CSS3 และถ้านี้ไม่สามารถใช้ได้ก็จะลดลงในฤดูใบไม้ร่วงที่จะ CSS2 หรือ CSS1 เบราว์เซอร์รุ่นเก่าเช่น IE7 และ IE8

ประสิทธิภาพที่ยอดเยี่ยมบนอุปกรณ์มือถือคุณสามารถเห็นในวิดีโอสาธิตที่ทำงานเช่นเดียวกับ app พื้นเมือง!, มันถูกเขียนและเพิ่มประสิทธิภาพสำหรับอุปกรณ์มือถือและมันเป็น 100% มือถือที่รองรับและแน่นอนมันจะทำงานเช่นเดียวกับที่ดีเกี่ยวกับคอมพิวเตอร์เดสก์ทอป รวมทั้งบนเบราว์เซอร์รุ่นเก่าเช่น IE7 และ IE8 เราได้ทดสอบบน iPad3 (iOS) และบน SAMSUNG GALAXY S3 (Android) และมันจะทำงานได้ดีบนอุปกรณ์ทั้งสองด้านล่างนี้มีการเชื่อมโยงเพื่อดูการสาธิตนี้
ชมสาธิตการทำงานบน Samsung Galaxy S3 (Android) หรือดูการสาธิตทำงานบน IPAD (IOS)

GRID คุณสมบัติหลัก

มีความยืดหยุ่น / รูปแบบ Fluid: คุณสามารถควบคุมขนาดของตารางด้วย CSS หรือ JavaScript โดยทั่วไปจะมีรูปแบบการปรับตัวซึ่งจะทำให้ผู้สมัครที่สมบูรณ์สำหรับประเภทของโครงการใด ๆ

ชุดรูปแบบสีทั้งหมดสามารถแก้ไขได้

ขนาดภาพขนาดเล็กที่ปรับแต่งและเรขาคณิต: คุณลักษณะนี้ช่วยให้คุณสามารถเปลี่ยนขนาดของภาพขนาดเล็กและช่องว่างระหว่างภาพขนาดเล็กที่

ชายแดนภาพขนาดเล็กที่ปรับแต่งและพื้นหลัง: ภาพขนาดย่อแต่ละคนสามารถมีเส้นขอบและพื้นหลังเป็นสีพื้นหลังของภาพย่อขนาดชายแดนและสีของเส้นขอบที่มีการปรับแต่ง

คำอธิบายรูปขนาดย่อของ: หัวแม่มือแต่ละคนสามารถมีคำอธิบายสั้น ๆ ที่มีพื้นหลังโปร่งใสภายใต้มันและคำอธิบายนี้จะมองเห็นได้เมื่อเมาส์อยู่เหนือภาพ, ข้อความที่สามารถจัดรูปแบบด้วย CSS, สีพื้นหลังและความทึบยังสามารถปรับเปลี่ยนได้ (ถ้ามี)

"รูปขนาดย่อโหลดมากขึ้นมี" นี้เป็นคุณลักษณะที่น่ากลัวที่ช่วยเพิ่มประสิทธิภาพโดยรวมและความเร็วของการโหลดเพราะในทางที่ไม่ได้ทั้งหมดภาพขนาดเล็กที่มีการโหลดและแสดงในครั้งนี้ ตัวอย่างเช่นถ้าคุณมีทั้งหมด 120 ภาพขนาดเล็กที่คุณสามารถแสดงให้พวกเขาในชุด 50 ภาพขนาดเล็กและอื่น ๆ ครั้งแรกในตารางชุดแรกของ 50 ภาพขนาดเล็กที่มีการโหลดและแสดงและเมื่อ "โหลดภาพขนาดเล็กมากขึ้น" กดปุ่มต่อไป ชุดของ 50 ภาพขนาดเล็กที่มีการโหลดและแสดงและในที่สุดเมื่อ "โหลดภาพขนาดเล็กมากขึ้น" กดปุ่มอีกครั้ง 20 ภาพขนาดเล็กที่เหลือจะแสดงให้เห็นว่า จำนวนของภาพขนาดเล็กที่จะโหลดต่อชุดสามารถปรับแต่งได้ก็ไม่จำเป็นต้องเป็น 50 มันอาจเป็นตัวเลขที่คุณพิจารณาใด ๆ คุณลักษณะนี้จะเป็นตัวเลือกหากมีการปิดการใช้งานภาพขนาดเล็กทั้งหมดจะถูกโหลดและแสดง

กดที่กำหนดเองการดำเนินการรูปขนาดย่อ: เมื่อภาพถูกกดคุณสามารถเลือกที่จะแสดงสื่อ Lightbox ที่เดิมที่เราได้เขียนหรือเปิดหน้าเว็บใหม่ URL และเป้าหมายของหน้าเว็บนี้สามารถระบุได้ Lightbox ที่สามารถแสดงภาพหรือสามารถแสดงวิดีโอโหลดจาก YouTube หรือ Vimeo

Lightbox MAIN คุณสมบัติ

มีความยืดหยุ่น / รูปแบบของไหล lighbox มักจะกรอก viewport เบราว์เซอร์ที่มีอยู่

ชุดรูปแบบสีทั้งหมดสามารถแก้ไขได้

Vimeo และการสนับสนุน YouTube: สิ่งที่คุณต้องทำคือการมีการเชื่อมโยงจาก YouTube หรือวิดีโอ Vimeo ที่คุณต้องการในการแสดงและ lighbox จะแสดงและเล่นวิดีโอของคุณ ขนาด (กว้างและความสูง) ของวิดีโอแต่ละคนสามารถตั้งค่าได้ง่าย

ซูมและการสนับสนุนสำหรับปรากฎภาพ: คุณสามารถซูมเข้าและออกภาพและคุณสามารถเลื่อนภาพในลักษณะนี้คุณสามารถดูภาพในรายละเอียดมาก (ถ้ามี)

ปุ่มสไลด์โชว์ (ถ้ามี)

ความล่าช้าภาพสไลด์, ความล่าช้าของสไลด์โชว์ที่สามารถตั้งค่าในไม่กี่วินาที

สไลด์แบบอัตโนมัติ

เลื่อนกราฟิกเคลื่อนไหวที่กำหนดเอง

ปุ่มถัดไปและก่อนหน้านี้นำทาง (ถ้ามี)

ปุ่มข้อมูลและหน้าต่างข้อมูล: รายการ lighbox แต่ละคนสามารถมีคำอธิบายข้อความและลักษณะหน้าต่างสามารถจัดรูปแบบด้วย CSS (ถ้ามี)

ชายแดนและพื้นหลังที่สามารถปรับแต่งขนาดชายแดนและสีและสีพื้นหลังหลักมีการปรับแต่ง

การสนับสนุนแป้นพิมพ์: ลูกศรซ้ายและขวาสามารถนำมาใช้สำหรับการเดินเรือ (ถ้ามี)

การปรับปรุง

2013/02/19 - เราได้เพิ่มคุณสมบัติใหม่ในตารางนี้เลือกที่จะเพิ่มไอคอนสื่อภาพขนาดเล็กกว่าเมื่อพวกเขาได้รับการคัดเลือกตอนนี้คุณสามารถเลือกระหว่างคำอธิบายภาพขนาดเล็ก, ไอคอนสื่อหรือ "ไม่มี" เมื่อภาพถูกเลือก

2013/03/07 - แก้ไขข้อบกพร่องบางอย่างที่เกี่ยวข้องกับ Lightbox และเพิ่มการสนับสนุนที่ดีขึ้นสำหรับการตรวจสอบโทรศัพท์มือถือ


ดาวน์โหลด
ส่วนประกอบอื่น ๆ ในประเภทนี้ส่วนประกอบทั้งหมดของ ผู้เขียนคนนี้
ความเห็นคำถามที่พบบ่อย และคำตอบ

คุณสมบัติ

ที่สร้าง:
15 มกราคม 13

การปรับปรุงครั้งล่าสุด:
8 มีนาคม 13

ความละเอียดสูง:
ใช่

เบราว์เซอร์ที่เข้ากันได้:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

รวมไฟล์:
JS JavaScript, HTML, CSS

คำหลัก

อีคอมเมิร์ซ, อีคอมเมิร์ซ, สิ่งของทั้งหมด, CSS3, พลวัต, มีความยืดหยุ่น, ของเหลว, ตาราง, html5, Lightbox, สื่อ, ตอบสนอง, Vimeo, ยูทูป