Cycle has lots of configuration options to add next/prev navigation and other options.
Here’s the config options to add next/add buttons.
I use this a lot, happy to help where I can.
Rob
Thanks for your reply Rob. Though I never really figured out how to do what I wanted from just your post, I have a new problem I face.
Currently, NextGen Gallery generates this code for my slideshow:
<div id="ngg-slideshow-1-1-1" style="...">
<img src="SRC1" style="...">
<img src="SRC2" style="...">
<img src="SRC3" style="...">
<img src="SRC4" style="...">
</div>
For Experimental Purposes, I’d rather NextGen Gallery generate this code for my slideshow:
<div class="ngg-slideshow-1-1-1" style="position: relative; overflow: hidden;">
<ul class="items">
<li><img src="SRC1" alt=""></li>
<li><img src="SRC2" alt=""></li>
<li><img src="SRC3" alt=""></li>
<li><img src="SRC4" alt=""></li>
</ul>
</div>
<ul class="pagination">
<li class=""><a href="#">1</a></li>
<li class=""><a href="#">2</a></li>
<li class=""><a href="#">3</a></li>
<li class=""><a href="#">4</a></li>
</ul>
How would I go about doing this? I went to “functions.php” and scoured for an answer to my needs, but I couldn’t find out how to change around the code output (because I suck at coding).
So, you just want the images in a list? Why do you need it to be in a list?
Can you explain why you need this particular code to be generated? I’m not understanding what problem you’re trying to solve.
Reply and I’ll help.
OK – so you want to try and replicate the slideshow here but with NGGallery images? http://www.templatemonster.com/demo/35069.html
If that’s what you’re wanting to do then you will need to create a custom template for NGGallery : http://www.nextgen-gallery.com/old-pages/shortcodes/templates/
This would be an interesting problem to solve actually… Is this what you want to do?
oh, here’s the cycle config page: http://jquery.malsup.com/cycle/int2.html
Yes Rob, You hit the nail on the head. I want to replicate the slideshow on “Template Monster” but with NGGallery. I’ll check out the links your provided and report back. Thank you for your help
Have a play and let me know – I’m sure we can get this going.
Oh man, but that custom template thing for the gallery. Is there a similar page for custom templates except this time for slideshows?
You can create custom templates for any options.
If you copy the ‘gallery-carousel.php’ from ‘nextgen-gallery/view’ and move it to ‘yourtheme/nggallery’ and make some changes you should see the changes on the front end.
You can then look at changing the template name and adding template=”mytemplate” in your short code.
It’s just a loop over the images and html elements so isn’t so complex. You could just build something totally custom. Start with the gallery-carousel for a loop or just build your own using jQuery Cycle.
I can try and mock something up I’m confusing you 🙂
Oh man, I played around, but in the end, it’s like a blind man enjoying an art gallery. All you’ve said is like greek to me, so is ‘gallery-carousel.php’ the file that controls the look and feel of the slideshows?
P.S Sorry for the late reply, I’ve been quite busy now that school’s started back up.
haha, let me have a play weilunt0219 and try and recreate it – maybe we can help others too.
I’ll try and do this today for you.
Rob 🙂
Hey
So – I’ve replicated the slideshow using the NG-Gallery templates. Let’s see if we can get it working on yours…
- Create a folder called ‘nggallery’ within your theme folder.
- Create a file called ‘gallery-slideshow.php’ and paste in this code: http://pastebin.com/eGGnGwuw
- In the footer of your page put this code (replacing the gallery ID):
<script>
$('ul.slideshow')
.after('<div class="slideshow_nav">')
.cycle({
fx: 'scrollLeft',
speed: 2000,
pager: '.slideshow_nav'
});
</script>
- Paste this into your theme where you want the slideshow to appear:
<?php echo do_shortcode('[nggallery id="1" template="slideshow"]'); ?>
I’ve coded this for images 800pixels wide – Obviously this will only really work if all images are the same size. The styling is in the actual template, this can be moved to your stylesheet of course.
Let me know how you get on.
Rob
So should the folder directory be:
\wp-content\themes\nggallery
or
\wp-content\themes\twentyten\nggallery
Oh man, I’m sorry for being so stupid
No worries – it actually goes into your theme folder so option two 🙂
The plugin looks for a custom template first in your theme folder and then (if it doesn’t find one) it will go for the default.
I’ve tried the code and it works well so I hope you get it sorted.
Good luck.
Rob
HAHA!!! It’s worked! I’ve spent a few days trying to figure out why it’s worked for you and not me, but then I realized that it’s because my file was named wrong =P THANK YOU! Now I can finally start experimenting and and create a somewhat professional looking template with wordpress. Once again, I thank you Rob.
Excellent – I’d love to see it online, let me know when you have it working somewhere.
Thanks weilunt0219.
