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

Moon Mega Grid plus Grand Pack

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Moon Mega Grid plus Grand Pack - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Lumikha ng iyong natatanging artistikong kahindik gallery para sa iyong mga larawan na may iba't-ibang magagandang animated na epekto hover, gamit ang mga template at mga halimbawa, kulay schemes, SVG at canvas filter ng ​​larawan at iba pang mga tool!

Moon Mega Grid

ay isang multipurpose horizontal pagmamason grid gusali solusyon:

  • integrated suporta para sa canvas at SVG filter
  • perpekto para sa mga mobile device
  • simpleng mga tool templating
  • built-in na lightbox na may retina suporta
  • 2 retina mode
  • memory save algorithm
  • gumagana alinman sa json o html na format (custom parsers)

Grand Pack

ay isang koleksyon ng 34 magagandang mga template:

  • magandang disenyo na may greyscale at sepya epekto
  • kahindik animated hover effect
  • mouse hover effect simulation para sa mga mobile device
  • separated code para sa bawat template (CoffeeScript / javascript, mas mababa / css)
  • at marami pang iba...

Pinakamahusay para sa Mobile Devices

Pinakamahusay para sa Mobile Devices

Mag-hover effect simulation

Karaniwan may mga dalawang paraan para pag-aayos ng 'hover' epekto sa mga mobile device: maaari mong huwag pansinin ito (unang) o maaari mong gamitin ang mga pindutan (segundo).

Iminumungkahi ko sa ikatlong paraan: simulation ng isang 'hover' epekto pagkatapos ng unang hawakan ng isang icon. Pagkatapos ng ikalawang paghawak ng isang 'i-click ang' kaganapan ay kunwa.

Diskarte na ito ay ganap na maisasakatuparan sa Grand Pack.

Of course, maaari mong iwanan ang paraan na ito sa pamamagitan ng pagpapasimple ng isang naaangkop na template.

Paghiwalayin ang mga template

Ito ay malinaw, na ang grid binuksan sa mga mobile device ay naiiba mula sa grid binuksan sa PC. Kaya Moon Mega Grid ay nagbibigay ng posibilidad upang gumawa ng iba't ibang mga template para sa PC at para sa mga mobile device.

optimization

Dahil sa memory optimization Moon Mega Grid ay nagbibigay ng posibilidad upang ipakita hanggang sa ilang libong mga item sa isang pahina. Kahit na ikaw ay libong mga item sa iyong aparato, pag-crash ay bahagya na mangyari kung ikaw Pinaikot screen at ang view ay itinayong muli.

retina

May 2 Retina mode:

  1. Ang lapad at ang taas ng item ay isang kalahati ng mga katutubong mga sukat, hindi alintana kung ang aparato ay may got Retina screen o hindi.
  2. Kung ang iyong aparato ay walang Retina screen ang src ay manatili hindi nagbabago. Ngunit kung ito ay isang Retina device, ang src attribute ay nagbago at '@ 2x' suffix ay ipinasok bago ang file extension.

Of course, maaari kang lumipat off Retina mode sa lahat.

Strong Memory Optimization

Strong Memory Optimization

Karaniwan grids kumain resources. May isang pulutong ng mga elemento DOM. Thera nangabibigatang imahe.

Moon Mega Grid ay batay sa mga prinsipyo, na nagbibigay-daan i-minimize ang mga nabanggit sa itaas na mga epekto:

  • Ang lahat ng impormasyon ay hindi naka-imbak sa DOM-istraktura ngunit sa mga espesyal na bagay.
  • Lahat ng mga item na kung saan ay hindi sa screen sa sandaling ito ay inalis mula sa DOM.

Dahil doon maaari mong ilagay ang hanggang sa ilang libo-libo ng mga imahe sa isang pahina kahit na habang gamit ang mga aparatong may Retina screen at mga filter ng larawan.

Grand Pack: 34 artistikong mga template

34 artistikong mga template

Ito ay isang hindi pa nagagawang hanay ng mga kahanga-hangang mga template na may orihinal na animated mga caption.

Bawat template ay nasubok sa iba't-ibang mga mobile na aparato at simulates ang 'hover' epekto para sa kanila.

Marami sa mga template bigyan posibilidad upang pumili ng isang kulay schema.

Bawat template ay naka-imbak sa sarili nitong folder na may CoffeeScript, javascript, mas mababa at css file. Kaya ito ay madali upang lumikha ng mga pasadyang template sa base ng umiiral na isa.

Photo Filters

Photo Filters

Lahat SVG-filter ay suportado. sila ay magdagdag ng kasiningan sa iyong pahina.

Moon Mega Grid ay may sarili nitong maliit na library para sa canvas filtering.

Ang listahan ng mga suportadong mga filter canvas: grayscale, sepya, colorize, kaibahan, mababad, vibrance, ingay, liwanag.

Maaari mong gamitin ang kumbinasyon ng canvas filter.

Sa karamihan ng mga pangyayari SVG-filter ay higit na mabuti dahil ang mga ito nang mas mabilis.

Mula sa iba pang mga bahagi, canvas filter ay mahusay na gumagana sa mga lumang bersyon ng Android. IE8, IE9 suportahan ang mga ito masyadong.

Maaari mong itakda ang Moon Mega Grid gamitin SVG-filter sa mga browser na sumusuporta sa SVG-filter. Kung hindi man ang browser ay gamitin canvas filter.

May isa pang posibilidad para sa IE8, IE9: maaari mong gamitin ang native MS-filter.

templating Tools

Maaari kang lumikha ng iyong sariling mga template o baguhin template mula sa Grand Pack.

Template object ay nagsasama ng isang markup string at isang callback function.

Maaari itong isama ang mga karagdagang mga bagay ng mga template para sa mga aparatong mobile, IE9 at IE8, IE8.

Ang template tool ay batay sa Underscore.js template function.

Pasadyang mga template ay maaaring naka-imbak sa hiwalay na mga file.

code Kalidad

Sa una ang buong script ay isinulat sa CoffeeScript na garantiya ng isang mataas na antas ng kalidad ng code.

Source file isama CoffeeScript file, nakabalangkas sa pamamagitan ng mga klase, pati na rin mas mababa file at css file.

Kung hindi mo gusto CoffeScript, ay makikita mo ang hindi na-compress javascript bundle file.

Bawat template ng Grand Pack ay may sarili nitong folder.


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
1 February 16

huling update:
6 February 16

high Resolution:
oo

Mga katugmang Mga Browser:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

file Kasamang:
JavaScript JS, JavaScript JSON, HTML, CSS, mas kaunti, mas Layered PNG

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, animasyon, gallery, parilya, hover effect, larawan, jquery, layout, lightbox, masonerya, media, mobile, litrato, portfolio, tumutugon