Moon Mega Grid v 2.7
+
Grand Pack v 1.4
Thank you for purchasing my script! If you have any questions that are beyond the scope of this help files, please feel free to email via my user page contact from here. Thanks so much!
Don't forget to evaluate my work using the Envato rating!
Why it's important to vote!
It's obvious. When you are voting for some product, you recommend this product to others. So the author gets more money and he can spend more time for further development of his program. So, you get updates and better support.
Structure
- assets
- bootstrap
- css
- index.css
- assets
- colorbox
- photoswipe
- prettyphoto
- prism.css
- prism.js
- examples
- assets
- css
- examples.css
- index.css
- fonts
- iconmoon.eot
- iconmoon.svg
- iconmoon.ttf
- iconmoon.woff
- html
- summer.html
- img
- icon1.jpg
- icon1@2x.jpg
- icon2.jpg
- icon2@2x.jpg
- icon3.jpg
- icon3@2x.jpg
- icon4.jpg
- icon4@2x.jpg
- icon5.jpg
- icon5@2x.jpg
- icon6.jpg
- icon6@2x.jpg
- icon7.jpg
- icon7@2x.jpg
- icon8.jpg
- icon8@2x.jpg
- icon9.jpg
- icon9@2x.jpg
- icon10.jpg
- icon10@2x.jpg
- icon11.jpg
- icon11@2x.jpg
- icon12.jpg
- icon12@2x.jpg
- icon13.jpg
- icon13@2x.jpg
- icon14.jpg
- icon14@2x.jpg
- icon15.jpg
- icon15@2x.jpg
- icon16.jpg
- icon16@2x.jpg
- icon17.jpg
- icon17@2x.jpg
- icon18.jpg
- icon18@2x.jpg
- icon19.jpg
- icon19@2x.jpg
- icon20.jpg
- icon20@2x.jpg
- icon21.jpg
- icon21@2x.jpg
- icon22.jpg
- icon22@2x.jpg
- icon23.jpg
- icon23@2x.jpg
- icon24.jpg
- icon24@2x.jpg
- icon25.jpg
- icon25@2x.jpg
- icon26.jpg
- icon26@2x.jpg
- icon27.jpg
- icon27@2x.jpg
- icon28.jpg
- icon28@2x.jpg
- icon29.jpg
- icon29@2x.jpg
- icon30.jpg
- icon30@2x.j
- pic1.jpg
- pic1@2x.jpg
- pic2.jpg
- pic2@2x.jpg
- pic3.jpg
- pic3@2x.jpg
- pic4.jpg
- pic4@2x.jpg
- pic5.jpg
- pic5@2x.jpg
- pic6.jpg
- pic6@2x.jpg
- pic7.jpg
- pic7@2x.jpg
- pic8.jpg
- pic8@2x.jpg
- pic9.jpg
- pic9@2x.jpg
- pic10.jpg
- pic10@2x.jpg
- pic11.jpg
- pic11@2x.jpg
- pic12.jpg
- pic12@2x.jpg
- pic13.jpg
- pic13@2x.jpg
- pic14.jpg
- pic14@2x.jpg
- pic15.jpg
- pic15@2x.jpg
- pic16.jpg
- pic16@2x.jpg
- pic17.jpg
- pic17@2x.jpg
- pic18.jpg
- pic18@2x.jpg
- pic19.jpg
- pic19@2x.jpg
- pic20.jpg
- pic20@2x.jpg
- pic21.jpg
- pic21@2x.jpg
- pic22.jpg
- pic22@2x.jpg
- pic23.jpg
- pic23@2x.jpg
- pic24.jpg
- pic24@2x.jpg
- pic25.jpg
- pic25@2x.jpg
- pic26.jpg
- pic26@2x.jpg
- pic27.jpg
- pic27@2x.jpg
- pic28.jpg
- pic28@2x.jpg
- pic29.jpg
- pic29@2x.jpg
- pic30.jpg
- pic30@2x.jpg
- json
- canvas.json
- creative.json
- curiosity.json
- dream.json
- fantasy.json
- filters.json
- funny.json
- good.json
- happy.json
- inspiration.json
- joy.json
- light.json
- lightbox.json
- lightbox-1.json
- lightbox-2.json
- luck.json
- morning.json
- pleasure.json
- serenity.json
- summer.json
- sunny.json
- surprise.json
- surprise1.json
- wonder.json
- css
- amusing.html
- bright.html
- bright-bw.html
- bright-color.html
- cheeful.html
- comfortable.html
- comfortable-bw.html
- comfortable-color.html
- creative.html
- creative-bw.html
- creative-color.html
- curiosity.html
- delight.html
- dream.html
- examples.html
- fantasy.html
- fantasy-bw.html
- fantasy-color.html
- fantasy-dark.html
- filter-canvs.html
- filter-canvs-1.html
- filter-svg.html
- flickr1.html
- flickr2.html
- flickr3.html
- flickr4.html
- flickr5.html
- fortune.html
- funny.html
- funny-bw.html
- funny-color.html
- good.html
- good-bw.html
- good-color.html
- happy.html
- hope.html
- hope-bw.html
- hope-color.html
- inspiration.html
- ironic.html
- joy.html
- light.html
- light-ajax.html
- light-canvas.html
- lightbox.html
- lightbox-colorbox.html
- lightbox-prettyphoto.html
- lightbox-ps.html
- lightbox-swipe.html
- luck.html
- luck-bw.html
- luck-color.html
- morning.html
- pleasure.html
- positive.html
- serenity.html
- silver.html
- silver-bw.html
- silver-color.html
- smile.html
- smile-bw.html
- smile-color.html
- spring.html
- spring-bw.html
- spring-color.html
- summer.html
- summer-bw.html
- summer-color.html
- summer-data.html
- summer-light.html
- summer-parser.html
- sunny.html
- surprise.html
- surprise-bw.html
- surprise-color.html
- surprise-link.html
- tune.html
- tune-bw.html
- tune-color.html
- whisper.html
- wind.html
- wind-simplified.html
- wonder.html
- youth.html
- assets
- examples-developer-style
- assets
- css
- examples.css
- index.css
- fonts
- iconmoon.eot
- iconmoon.svg
- iconmoon.ttf
- iconmoon.woff
- html
- summer.html
- img
- icon1.jpg
- icon1@2x.jpg
- icon2.jpg
- icon2@2x.jpg
- icon3.jpg
- icon3@2x.jpg
- icon4.jpg
- icon4@2x.jpg
- icon5.jpg
- icon5@2x.jpg
- icon6.jpg
- icon6@2x.jpg
- icon7.jpg
- icon7@2x.jpg
- icon8.jpg
- icon8@2x.jpg
- icon9.jpg
- icon9@2x.jpg
- icon10.jpg
- icon10@2x.jpg
- icon11.jpg
- icon11@2x.jpg
- icon12.jpg
- icon12@2x.jpg
- icon13.jpg
- icon13@2x.jpg
- icon14.jpg
- icon14@2x.jpg
- icon15.jpg
- icon15@2x.jpg
- icon16.jpg
- icon16@2x.jpg
- icon17.jpg
- icon17@2x.jpg
- icon18.jpg
- icon18@2x.jpg
- icon19.jpg
- icon19@2x.jpg
- icon20.jpg
- icon20@2x.jpg
- icon21.jpg
- icon21@2x.jpg
- icon22.jpg
- icon22@2x.jpg
- icon23.jpg
- icon23@2x.jpg
- icon24.jpg
- icon24@2x.jpg
- icon25.jpg
- icon25@2x.jpg
- icon26.jpg
- icon26@2x.jpg
- icon27.jpg
- icon27@2x.jpg
- icon28.jpg
- icon28@2x.jpg
- icon29.jpg
- icon29@2x.jpg
- icon30.jpg
- icon30@2x.j
- pic1.jpg
- pic1@2x.jpg
- pic2.jpg
- pic2@2x.jpg
- pic3.jpg
- pic3@2x.jpg
- pic4.jpg
- pic4@2x.jpg
- pic5.jpg
- pic5@2x.jpg
- pic6.jpg
- pic6@2x.jpg
- pic7.jpg
- pic7@2x.jpg
- pic8.jpg
- pic8@2x.jpg
- pic9.jpg
- pic9@2x.jpg
- pic10.jpg
- pic10@2x.jpg
- pic11.jpg
- pic11@2x.jpg
- pic12.jpg
- pic12@2x.jpg
- pic13.jpg
- pic13@2x.jpg
- pic14.jpg
- pic14@2x.jpg
- pic15.jpg
- pic15@2x.jpg
- pic16.jpg
- pic16@2x.jpg
- pic17.jpg
- pic17@2x.jpg
- pic18.jpg
- pic18@2x.jpg
- pic19.jpg
- pic19@2x.jpg
- pic20.jpg
- pic20@2x.jpg
- pic21.jpg
- pic21@2x.jpg
- pic22.jpg
- pic22@2x.jpg
- pic23.jpg
- pic23@2x.jpg
- pic24.jpg
- pic24@2x.jpg
- pic25.jpg
- pic25@2x.jpg
- pic26.jpg
- pic26@2x.jpg
- pic27.jpg
- pic27@2x.jpg
- pic28.jpg
- pic28@2x.jpg
- pic29.jpg
- pic29@2x.jpg
- pic30.jpg
- pic30@2x.jpg
- json
- canvas.json
- creative.json
- curiosity.json
- dream.json
- fantasy.json
- filters.json
- funny.json
- good.json
- happy.json
- inspiration.json
- joy.json
- light.json
- lightbox.json
- lightbox-1.json
- lightbox-2.json
- luck.json
- morning.json
- pleasure.json
- serenity.json
- summer.json
- sunny.json
- surprise.json
- wonder.json
- css
- amusing.html
- bright.html
- bright-bw.html
- bright-color.html
- cheeful.html
- comfortable.html
- comfortable-bw.html
- comfortable-color.html
- creative.html
- creative-bw.html
- creative-color.html
- curiosity.html
- delight.html
- dream.html
- examples.html
- fantasy.html
- fantasy-bw.html
- fantasy-color.html
- fantasy-dark.html
- filter-canvs.html
- filter-canvs-1.html
- filter-svg.html
- fortune.html
- funny.html
- funny-bw.html
- funny-color.html
- good.html
- good-bw.html
- good-color.html
- happy.html
- hope.html
- hope-bw.html
- hope-color.html
- inspiration.html
- ironic.html
- joy.html
- light.html
- light-canvas.html
- lightbox.html
- lightbox-colorbox.html
- lightbox-prettyphoto.html
- lightbox-ps.html
- luck.html
- luck-bw.html
- luck-color.html
- morning.html
- pleasure.html
- positive.html
- serenity.html
- silver.html
- silver-bw.html
- silver-color.html
- smile.html
- smile-bw.html
- smile-color.html
- spring.html
- spring-bw.html
- spring-color.html
- summer.html
- summer-bw.html
- summer-color.html
- summer-data.html
- summer-light.html
- summer-parser.html
- sunny.html
- surprise.html
- surprise-bw.html
- surprise-color.html
- tune.html
- tune-bw.html
- tune-color.html
- whisper.html
- wind.html
- wind-simplified.html
- wonder.html
- youth.html
- assets
- grand-pack
- assets
- fonts
- Candal
- Candal.ttf
- OFL.txt
- Crimson_Text
- CrimsonText-Bold.ttf
- CrimsonText-BoldItalic.ttf
- CrimsonText-Italic.ttf
- CrimsonText-Roman.ttf
- CrimsonText-Semibold.ttf
- CrimsonText-SemiboldItalic.ttf
- OFL.txt
- Dosis
- Dodid-Bold.ttf
- Dodid-ExtraBold.ttf
- Dodid-ExtraLight.ttf
- Dodid-Light.ttf
- Dodid-Medium.ttf
- Dodid-Regular.ttf
- Dodid-SemiBold.ttf
- OFL.txt
- Josefin_Slab
- JosefinSlab-Bold.ttf
- JosefinSlab-BoldItalic.ttf
- JosefinSlab-Italic.ttf
- JosefinSlab-Light.ttf
- JosefinSlab-LightItalic.ttf
- JosefinSlab-Regular.ttf
- JosefinSlab-SemiBold.ttf
- JosefinSlab-SemiBoldItalic.ttf
- JosefinSlab-Thin.ttf
- JosefinSlab-ThinItalic.ttf
- OFL.txt
- Nunito
- Nunito-Bold.ttf
- Nunito-Light.ttf
- Nunito-Regular.ttf
- OFL.txt
- Old_Standard_TT
- OFL.txt
- OldStandard-Bold.ttf
- OldStandard-Italic.ttf
- OldStandard-Regular.ttf
- Oswald
- OFL.txt
- Oswald-Bold.ttf
- Oswald-Light.ttf
- Oswald-Regular.ttf
- Oxigen
- OFL.txt
- Oxigen-Bold.ttf
- Oxigen-Light.ttf
- Oxigen-Regular.ttf
- Raleway
- OFL.txt
- Raleway-Bold.ttf
- Raleway-ExtraBold.ttf
- Raleway-ExtraLight.ttf
- Raleway-Heavy.ttf
- Raleway-Light.ttf
- Raleway-Medium.ttf
- Raleway-Regular.ttf
- Raleway-SemiBold.ttf
- Raleway-Thin.ttf
- Roboto_Slab
- LICENSE.txt
- RobotoSlab-Bold.ttf
- RobotoSlab-Light.ttf
- RobotoSlab-Regular.ttf
- RobotoSlab-Thin.ttf
- Candal
- fonts
- book
- amusing
- coffee
- template.coffee
- css
- amusing.css
- amusing.min.css
- js
- template.js
- template.min.js
- less
- amusing.less
- coffee
- fortune
- coffee
- template.coffee
- css
- fortune.css
- fortune.min.css
- js
- template.js
- template.min.js
- less
- fortune.less
- coffee
- hope
- coffee
- template.coffee
- css
- hope.css
- hope-colors.css
- hope-colors.min.css
- hope.min.css
- js
- template.js
- template.min.js
- less
- hope.less
- hope-colors.less
- coffee
- smile
- coffee
- template.coffee
- css
- smile.css
- smile-colors.css
- smile-colors.min.css
- smile.min.css
- js
- template.js
- template.min.js
- less
- smile.less
- smile-colors.less
- coffee
- sunny
- coffee
- template.coffee
- css
- sunny.css
- sunny.min.css
- js
- template.js
- template.min.js
- less
- sunny.less
- coffee
- amusing
- classica
- creative
- coffee
- template.coffee
- css
- creative.css
- creative-colors.css
- creative-colors.min.css
- creative.min.css
- js
- template.js
- template.min.js
- less
- creative.less
- creative-colors.less
- coffee
- curiosity
- coffee
- template.coffee
- css
- curiosity.css
- curiosity.min.css
- js
- template.js
- template.min.js
- less
- curiosity.less
- coffee
- ironic
- coffee
- template.coffee
- css
- ironic.css
- ironic.min.css
- js
- template.js
- template.min.js
- less
- ironic.less
- coffee
- light
- coffee
- template.coffee
- css
- light.css
- light.min.css
- js
- template.js
- template.min.js
- less
- light.less
- coffee
- silver
- coffee
- template.coffee
- css
- silver.css
- silver-color.css
- silver-color.min.css
- silver.min.css
- js
- template.js
- template.min.js
- less
- silver.less
- silver-color.less
- coffee
- creative
- flip
- bright
- coffee
- template.coffee
- css
- bright.css
- bright-colors.css
- bright-colors.min.css
- bright.min.css
- js
- template.js
- template.min.js
- less
- bright.less
- bright-colors.less
- coffee
- cheerful
- coffee
- template.coffee
- css
- cheerful.css
- cheerful.min.css
- js
- template.js
- template.min.js
- less
- cheerful.less
- coffee
- comfortable
- coffee
- template.coffee
- css
- comfortable.css
- comfortable-colors.css
- comfortable-colors.min.css
- comfortable.min.css
- js
- template.js
- template.min.js
- less
- comfortable.less
- comfortable-colors.less
- coffee
- happy
- coffee
- template.coffee
- css
- happy.css
- happy.min.css
- js
- template.js
- template.min.js
- less
- happy.less
- coffee
- inspiration
- coffee
- template.coffee
- css
- inspiration.css
- inspiration.min.css
- js
- template.js
- template.min.js
- less
- inspiration.less
- coffee
- joy
- coffee
- template.coffee
- css
- joy.css
- joy.min.css
- js
- template.js
- template.min.js
- less
- joy.less
- coffee
- spring
- coffee
- template.coffee
- css
- spring.css
- spring-colors.css
- spring-colors.min.css
- spring.min.css
- js
- template.js
- template.min.js
- less
- spring.less
- spring-colors.less
- coffee
- tune
- coffee
- template.coffee
- css
- tune.css
- tune-colors.css
- tune-colors.min.css
- tune.min.css
- js
- template.js
- template.min.js
- less
- tune.less
- tune-colors.less
- coffee
- bright
- grand
- fantasy
- coffee
- template.coffee
- css
- fantasy.css
- fantasy-colors.css
- fantasy-colors.min.css
- fantasy-dark-colors.css
- fantasy-dark-colors.min.css
- fantasy.min.css
- js
- template.js
- template.min.js
- less
- fantasy.less
- fantasy-dark.less
- fantasy-dark-colors.less
- coffee
- luck
- coffee
- template.coffee
- css
- luck.css
- luck-colors.css
- luck-colors.min.css
- luck.min.css
- js
- template.js
- template.min.js
- less
- luck.less
- luck-colors.less
- coffee
- summer
- coffee
- template.coffee
- css
- summer.css
- summer-colors.css
- summer-colors.min.css
- summer-light-colors.css
- summer-light-colors.min.css
- summer.min.css
- js
- template.js
- template.min.js
- less
- summer.less
- summer-colors.less
- summer-light-colors.less
- coffee
- fantasy
- shutters
- delight
- coffee
- template.coffee
- css
- delight.css
- delight.min.css
- js
- template.js
- template.min.js
- less
- delight.less
- coffee
- morning
- coffee
- template.coffee
- css
- morning.css
- morning.min.css
- js
- template.js
- template.min.js
- less
- morning.less
- coffee
- pleasure
- coffee
- template.coffee
- css
- pleasure.css
- pleasure.min.css
- js
- template.js
- template.min.js
- less
- pleasure.less
- coffee
- delight
- special
- dream
- coffee
- template.coffee
- css
- dream.css
- dream.mincss
- js
- template.js
- template.min.js
- less
- dream.less
- coffee
- funny
- coffee
- template.coffee
- css
- funny.css
- funny-colors.css
- funny.min.css
- js
- template.js
- template.min.js
- less
- funny.less
- coffee
- good
- coffee
- template.coffee
- css
- good.css
- good-colors.css
- good-colors.min.css
- good.min.css
- js
- template.js
- template.min.js
- less
- good.less
- good-colors.less
- coffee
- positive
- coffee
- template.coffee
- css
- positive.css
- positive.min.css
- js
- template.js
- template.min.js
- less
- positive.less
- coffee
- serenity
- coffee
- template.coffee
- css
- serenity.css
- serenity.min.css
- js
- template.js
- template.min.js
- less
- serenity.less
- coffee
- surprise
- coffee
- template.coffee
- css
- surprise.css
- surprise-colors.css
- surprise-colors.min.css
- surprise.min.css
- js
- template.js
- template.min.js
- less
- surprise.less
- surprise-colors.less
- coffee
- whisper
- coffee
- template.coffee
- css
- whisper.css
- whisper.min.css
- js
- template.js
- template.min.js
- less
- whisper.less
- coffee
- wind
- coffee
- template.coffee
- css
- wind.css
- wind.min.css
- js
- template.js
- template.min.js
- less
- wind.less
- coffee
- wonder
- coffee
- template.coffee
- css
- wind.css
- wind.min.css
- js
- template.js
- template.min.js
- less
- wind.less
- coffee
- youth
- coffee
- template.coffee
- css
- youth.css
- youth.min.css
- js
- template.js
- template.min.js
- less
- youth.less
- coffee
- dream
- assets
- how-to
- assets
- css
- api.css
- css
- api.html
- howto.html
- lightbox.html
- templates.html
- assets
- lib
- jquery-1-11.3.min.js
- jquery.scrollstop.js
- jquery.scrollstop.min.js
- underscore-min.js
- moon-mega-grid
- css
- mmg.css
- mmg-class-colors.css
- fonts
- Roboto
- LICENSE.txt
- Roboto-Black.ttf
- Roboto-BlackItalic.ttf
- Roboto-Bold.ttf
- Roboto-BoldItalic.ttf
- Roboto-Italic.ttf
- Roboto-Light.ttf
- Roboto-LightItalic.ttf
- Roboto-Medium.ttf
- Roboto-MediumItalic.ttf
- Roboto-Regular.ttf
- Roboto-Thin.ttf
- Roboto-ThinItalic.ttf
- Roboto
- img
- caption-bg.png
- loader.gif
- js
- moon-mega-grid.min.js
- templates
- simple
- coffee
- template.coffee
- js
- template.js
- template.min.js
- simple
- css
- source
- coffee
- AJAX
- ajax.coffee
- Data
- data-core.coffee
- model-builder.coffee
- models.coffee
- Drawing
- drawing.coffee
- drawing-svg.coffee
- Filter
- canvas-filter.coffee
- canvas-filters.coffee
- Grid
- defaults-core.coffee
- grid.coffee
- Lightbox
- external.coffee
- lightbox-old.coffee
- lightbox-swipe.coffee
- swipe.coffee
- Utility
- image-loader.coffee
- natural-size.coffee
- parser.coffee
- queue.coffee
- queue-simple.coffee
- queue-singleton.coffee
- View
- image-view.coffee
- row.coffee
- rows.coffee
- template.coffee
- view.coffee
- bundle.coffee
- gallery.coffee
- mmg.coffee
- AJAX
- css
- mmg.css
- mmg-class-colors.css
- js
- bundle.js
- less
- mixins.less
- mmg.less
- mmg-class-colors.less
- coffee
- index.html
Before using the examples place these files to the web-server!
See:
User Guide — This page will give you general information about Moon Mega Grid and its options. Read it first.
Examples — 74 well commented examples. Every example will be shown in a new window and don't have unnessesary code. Choose the template that you like and use its code in your project.
Grand Pack - How To — This page contains answers on typical questions.
Lightbox Templates — How to create custom captions for the lightbox.
Custom Templates — How to create a custom template.
Examples for developers. — Use them if you are developing your own template.
Change log
| 5/2/2016 | Grand Pack ver. 1.1 | fixed the bug in Windows 10 |
| 31/3/2016 | Grand Pack ver. 1.2 Moon Mega Grid ver. 2.1 |
The factory function was added that can be used instead of the constructor All templates have been changed to add this new functionality |
| 4/4/2016 | Moon Mega Grid ver. 2.2 | fixed a bug |
| 18/4/2016 | Moon Mega Grid ver. 2.3 |
Added high-level support for ColorBox, PrettyBox, PhotoSwipe Added some changes into the built-in lightbox Added the 'afterLoad' event Added the public 'getExternalLightbox' method |
| 6/5/2016 | Grand Pack ver. 1.3 | Fixed a bug in the Light template |
| 6/5/2016 | Moon Mega Grid ver. 2.4 |
Fixed a bug in the Lightbox Added the 'getLastLoadedMeta' public method Added the 'jsonParser' callback function Added 5 examples of low-level integration with Flickr API |
| 9/6/2016 | Grand Pack ver. 1.4 | Made changes in accordance with new Moon Mega Grid ver. 2.5 |
| 9/6/2016 | Moon Mega Grid ver. 2.5 |
Added new LightboxSwipe class Fixed some bugs |
| 23/6/2016 | Moon Mega Grid ver. 2.6 |
Added new functionality to the LightboxSwipe class Fixed some bugs |
| 29/6/2016 | Moon Mega Grid ver. 2.7 |
Added new functionality to the LightboxSwipe class |