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

ImageZoom - Responsive jQuery Image Zoom Plugin

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

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

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


ImageZoom - Responsive jQuery Image Zoom Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ภาพรวม

ImageZoom เป็นปลั๊กอิน jQuery ภาพขยายผลกระทบ แต่ก็มีโหมดที่สามของภาพซูมผลกระทบ: โหมดภายในโหมดมาตรฐานและโหมดการปฏิบัติตาม มันใช้งานง่ายคุณก็สามารถใช้ภาพเดียวหรือตั้งภาพขนาดใหญ่ เมื่อคุณตั้งค่าภาพขนาดใหญ่ที่คุณดูเห็นมันเป็น 4 ~ 10 เร็วกว่าที่อื่น ๆ ที่จะแสดงมุมมองซูม (แม่มดกรณีที่โหลดภาพการใช้งานเพื่อให้ได้ความกว้างของภาพที่มีขนาดใหญ่ / สูง) คุณสามารถลองสาธิต imgfast ในหน้าสาธิตสดที่จะเห็นมัน และ ImageZoom พร้อมที่จะใช้กับม้าหมุน มีจำนวนมากของตัวเลือกและแม่มดวิธีการให้ทำสิ่งที่เพียงแค่ต้อง สนุกกับมัน :)

คุณสมบัติ

  • ตอบสนอง! คุณสามารถใช้มันในรูปแบบที่คุณตอบสนอง
  • สามโหมดซูมรวม ซูมภายในซูมมาตรฐานตามซูม
  • ได้รับความกว้างขนาดใหญ่ / สูง 4x-10x เร็วกว่าเหตุการณ์ imageload
  • ใช้นิ้วหัวแม่มือปรับขนาดภาพสำหรับมุมมองการซูมเมื่อภาพที่มีขนาดใหญ่มีการโหลด
  • ย้ายได้อย่างราบรื่น มุมมองซูมย้ายได้อย่างราบรื่น
  • ปรับแต่งได้โดย CSS และตัวเลือก
  • ตัวเลือกที่มีความยืดหยุ่น
  • ง่ายต่อการควบคุมวัตถุซูมด้วยวิธีการหลาย ๆ
  • ตัวเลือกสำหรับการโหลดภาพหรือไม่
  • ImageZoom พร้อมกับ elastislide. (ผิวที่กำหนดเองรวม) นอกจากนี้การตอบสนอง
  • เบราว์เซอร์ครอส
  • โทรกลับเหตุการณ์สำหรับเริ่มต้นและสิ้นสุดการซูม
  • ง่ายต่อการกำหนดเองสไตล์
  • สาธิตจำนวนมากและ documention รวม

ตัวเลือก

  • ประเภท:. โหมดภาพซูม (ภายในมาตรฐานปฏิบัติตาม) เริ่มต้น: ภายใน
  • bigImageSrc. หากภาพโทรซูมที่ภาพนิ้วหัวแม่มือและต้องการที่จะซูมภาพขนาดใหญ่ตั้งค่าตัวเลือกนี้เริ่มต้น: null
  • smoothMove: เป็นภาพ zoomviewer ย้ายได้อย่างราบรื่น (จริง / เท็จ) การตั้งค่า: จริง
  • โหลด. ImageZoom คือโหลดภาพขนาดใหญ่เริ่มต้น: จริง
  • zoomSize. ขนาด ZoomView สำหรับโหมดมาตรฐานและโหมดการปฏิบัติตามค่าเริ่มต้น: [100100]
  • ชดเชย. ตั้ง offset ของ zoomviewer สำหรับโหมดมาตรฐานเริ่มต้น: [10,0]
  • ตำแหน่ง: ชุดซ้าย / ขวาเพื่อแสดง zoomviewer เริ่มต้น:. ขวา
  • alignTo. ตั้ง ID zoomviewer จัดไป (Standard Mode) เริ่มต้น: null (alignTo ภาพ riginal)
  • descriptionClass. ชั้นคำอธิบาย coustom CSS เริ่มต้น: null
  • showDescription:. เป็นรถยนต์ zoomimage แสดงคำอธิบายภาพเริ่มต้น: จริง
  • zoomViewerClass: ชั้น coustom ของผู้ชมการซูมสำหรับโหมดการติดตามและโหมดมาตรฐานเริ่มต้น:. null
  • zoomHandlerClass. ชั้น coustom ของพื้นที่จัดการซูมสำหรับโหมดมาตรฐานเริ่มต้น: สตริง
  • OnShow. จัดกิจกรรมเมื่อซูมเริ่มต้นเริ่มต้น: null
  • onHide. เหตุการณ์เมื่อปลายซูมเริ่มต้น: null

ImageZoom วัตถุ

  • obj. $ ชม (วัตถุธาตุ jQuery) ภาพขนาดใหญ่แสดงพื้นที่มุมมอง
  • obj. $ handlerArea (วัตถุธาตุ jQuery) แสดงมุมมองการจัดการที่ภาพหัวแม่มือเมื่อใช้โหมดมาตรฐาน
  • obj. $ เอ (วัตถุธาตุ jQuery) ภาพที่คุณได้เรียก ImageZoom กับมัน
  • obj. $ largeImg (วัตถุธาตุ jQuery) ภาพขนาดใหญ่ที่แสดงในมุมมองภาพซูม

วิธีการ

  • ทำลาย (): ทำลาย imagezoom
  • changeImage (สตริงสตริง): เปลี่ยนแท็ก img src ภาพต้นฉบับและภาพขนาดใหญ่
  • changeZoomSize (ตัวเลขจำนวน): เปลี่ยนขนาด ZoomViewer (ความกว้างความสูง)

ปลั๊กอินผลภาพอื่น ๆ

HoverEx - ภาพ jQuery เลื่อนปลั๊กอินนิเมชั่น

HoverEx กว่าภาพเคลื่อนไหวผ่านแม่แบบที่ตอบสนองต่อความสามารถในการปรับแต่งง่ายเก่าเบราว์เซอร์ที่เป็นมิตรซูมปลั๊กอินและ Slider ปลั๊กอิน

Picanim - ภาพ jQuery เลื่อนผลกระทบ pulgin

Plicanim ผลกระทบที่ไม่ซ้ำกันเพียงแค่โฉบ 3KB gziped หลังจากที่เบราว์เซอร์ข้ามแม้ IE6 กับ mouseout rrse ผลกระทบรวมถึงเบลอเช่นชิ้น faddn โปร่งใสพับ boxRandorn boxDiagional

Zoome - jQuery ภาพขยายผลปลั๊กอิน

Zoome ซูมกับโฉบ r.graysca le, การควบคุมเบราว์เซอร์ข้ามซูมที่มีตัวเลือกที่มีความยืดหยุ่นล้อ I3j Llikeyjun เคาน์เตอร์ธง

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

คุณสมบัติ

สร้าง:
27 พฤษภาคม 13

ปรับปรุงล่าสุด:
29 สิงหาคม 13

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

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

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

เวอร์ชั่นของซอฟต์แวร์:
jQuery

คำหลัก

อีคอมเมิร์ซทุกรายการเคลื่อนไหว, ม้าหมุน, E, fuild, galleryw ภาพเลนส์แว่นขยาย, previenlarge ตอบสนอง, ขนาด, สไลด์เรียบ, ซูม, ZOOMER