My First MODx Package: NivoGallery
Posted on Jul 02, 2011 | Tags: Gallery, NivoGallery, MODx | Comments (10)
After seeing how many people in the forums have had many issues understanding how to create a gallery I took the liberty of adapting the awesome Nivo Slider into MODx.
I tried to make it as user friendly I could so pretty much anyone no matter what your skill level can create an awesome looking gallery with just a few clicks and text entries. Nivo Gallery relies on the Gallery plugin for MODx in other words if you don't have this plugin installed NivoGallery won't work.
So how does NivoGallery work?
Simple, once you download and install the NivoGallery package from the MODx package manager create a new Gallery album, upload your images set your image descriptions like you normally would then create a new page and select the nivoGallery template from the Uses Template drop down in MODx.
Then click on the Template Variables tab.
Here's a run down of the options.
- Nivo Transition Effect: contains a drop down list of all the available effects for the NivoGallery just select which effect you want your gallery to display with.The default effect is random.
- Nivo Image Indicator: allows you to display bullets underneath your gallery image, Yes display them, No hides them.
- Nivo Timer: allows you to set the delay between image transitions in milliseconds. Default setting is 5 seconds.
- Nivo Album: is a drop down list of all the gallery albums you currently have in the gallery component.
- Nivo Caption: allows you to display or hide image captions, you image captions is the description you provide for each image in gallery. Default setting is set to yes.
- Nivo Gallery: Chaging this setting willl allow you to display your gallery. Default setting is yes.
- Nivo Theme: allows you to choose from the 3 themes NivoGallery comes with, Default, Orman or Pascal. The default image sizes for each of these is under the description. Only the Default template is resizable for now.
- Nivo Image Height: Allows you to specify the height of you image.
- Nivo Image Width: Allows you to specify your image width.
Publish your page and enjoy your NivoGallery.
Here are some screenshots of each template.
Default Template.
.
Orman Template.
Pascal Template.
If you want to change your bullets position or next and previous buttons position check the styles.css in the assets/templates/nivoSlider directory to insert your css.
Here is a sample of the upcoming version of NivoGallery I am currently working on this version will have thumbnail and thumbnail carousel support.
If you have any questions feel free to leave a message or contact me.
Like this plugin? Consider making a small donation. With your donations I can keep working on NivoGallery and who knows what else I might come up with. Send me your suggestions I might just create what you need.
Thanks.
Slivus:
Jul 20, 2011 at 03:35 PM
How to create a new Gallery album?
Peter:
Jul 28, 2011 at 09:00 AM
In what location is the Gallery for the nivoAlbum located? In other words where do I place my images in the files tree?
Mike:
Jan 16, 2012 at 11:24 PM
any plans to make this compatible with 2.2?
benmarte:
Jan 17, 2012 at 01:45 PM
Mike afaik you shouldn't have any issues running it on 2.2 if you do let me know so I can look into it.
Thanks.
Mike:
Jan 18, 2012 at 05:03 PM
I'll test it out when I get a chance. I just couldn't download it from package manager and when you goto extras it says compatible up to 2.1.x, right now i just did nivo the old fashion way! cut n paste lol. but the added gallery management would be a plus.
Jason Monette:
Jan 22, 2012 at 12:58 PM
Hello,
I am trying to get your package to work. But I am having trouble. Could you help me out?
I am trying to get it to work on its own page first and I have been unsuccessful. I get a black white screen
http://jbmautomation.com/test.html
Any help you can give me to get this working would be greatly appreciated
Samy:
Jan 24, 2012 at 09:36 PM
Hello,
Your package is no more accessible in 2.2.0.. How can I get it?
Mike:
Jan 24, 2012 at 10:18 PM
Sammy, Try going to http://modx.com/extras/ downlaod from there. you can then deploy it to your server. keep in mind it's listed as compatible up too 2.1.x so your going to have to test it to make sure it's working correctly
Samy:
Jan 25, 2012 at 08:56 AM
Hello
I tried but somehow it doesn't appear in the file tree...
I have this package installed on a previous modX version, can I just copy /paste the chunks, snippets and TV's?
Thanks
Benjamin Marte:
Jan 25, 2012 at 12:42 PM
Samy,
Download the package like Mike said and make sure you upload it to the Core > Packages folder.
Then go to System > Package Management, on the Package Management screen click on the down arrow in the Download Extras button and select Search Locally for Packages.
It should come up in package manager.
Yes you can manually copy and paste it from another install just make sure you name everything the same and upload the files to the right folder in assets.
I don't know why it's not showing up in Package Manager as it is compatible with 2.2 since I have it running on this site and a few others.
Let me know if you solve your issue.
Thanks.