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 Gridfolio

— Add-on เพื่อ WorldWideScripts.net

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

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


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ติดตาม ENVATO ติดตาม FACEBOOK

รุ่น 1.2 วันที่ออกข่าว 2013/09/27

  • ข้อบกพร่องคงที่ที่เกี่ยวข้องกับ IE8
  • ข้อบกพร่องคงที่ที่เกี่ยวข้องกับการปรับปรุงล่าสุดของ iOS และ Android
  • ปรับปรุงประสิทธิภาพมือถือ

รุ่น 1.1 วันที่ออกข่าว 2013/07/24

  • การสนับสนุนสำหรับหลายประเภทของหลักสูตรก็ยังสามารถนำมาใช้กับประเภทเดียวกับก่อนที่จะ
  • Lightbox สนับสนุน Iframe
  • คำอธิบาย Lightbox AutoOpen (รายละเอียดของสินค้าที่เปิดโดยไม่ต้องกดปุ่มข้อมูล)
  • ที่เพิ่มเข้ามาด้วยวิธีพิเศษในการปิด Lightbox โดยการกดนอกพื้นที่รายการ
  • เพิ่มการสนับสนุนสำหรับเหตุการณ์ MSPointer สำหรับ windows8 มือถือ
  • เพิ่มหกกินเป็นพิเศษ

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

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

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

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

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

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

คุณสมบัติหลักตาราง:

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

การสนับสนุนสำหรับจำนวนของภาพใด ๆ และแต่ละภาพสามารถมีขนาดใด ๆ แต่สัดส่วนกับความกว้างของนิ้วหัวแม่มือฐานและความสูง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

การปรับปรุง

07.03.2013 - แก้ไขข้อผิดพลาดที่เกี่ยวข้องสู่ Lightbox เมื่อมีการซูมใน Chrome และการตรวจสอบที่ดีกว่าสำหรับอุปกรณ์มือถือ


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

คุณสมบัติ

สร้าง:
18 กุมภาพันธ์ 13

ปรับปรุงล่าสุด:
28 กันยายน 13

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

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

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

คำหลัก

อีคอมเมิร์ซทุกรายการ, Android, การตรวจสอบแบบไดนามิกที่มีความยืดหยุ่น fliudwidth เต็มหน้าจอ, แกลเลอรี่, ตาราง, gridfolio, iframe, iOS, มัลติมีเดีย, การตอบสนองภาพขนาดเล็ก, YouTube