Navigation within Lightbox Ultimate

[cicak]

Hi,

I’m new to Ultimate Lightbox although I’ve been poking around it for about a day. I bought ULB because my old lightbox program Shadowbox JS is no longer supported in the latest update of WordPress.

Anyhow, I’m really trying to get everything on my site working as it once did. The issue I still can’t get around is that I want right/left navigation controls to appear in my lightbox (as they once did) that will allow the user to cycle through all the images on the page. Please see this link to get a better idea of what I’m talking about and thanks for your help.

http://www.iics-k12.com/music/lesson-4-improvising-the-blues/the-blues/

Start with the tab that says “The Blues Scale” and click on the images to the left.

[wpCommerce]

Hi, You will have to use the gallery option of prettyPhoto library to get that functionality. Please take a look at the documentation here (Display Image/Video Gallery with prettyPhoto section):

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

[cicak]

Thanks for the help but I’m having a bit of an issue implementing this code. In another thread I was told to use html in order to get the anchor image size that I wanted and it isn’t clear as to where in the html I should identify the gallery group. Here is what I’ve got and thanks for the help.

<div class=”lightbox_ultimate_anchor lightbox_ultimate_image_anchor “>

<img src=”http://www.iics-k12.com/music/wp-content/uploads/2011/12/Blues-Scale-RH-only-e1333555036903.jpg&#8221; width=”272px” height=”317px” alt=”” gallery_group=”image_group1″/>

</div>

[wpCommerce]

Hi, you need to use the value of gallery_group in the rel attribute. For example:

Image1

<div class="lightbox_ultimate_anchor lightbox_ultimate_image_anchor ">

<a href="http://www.iics-k12.com/music/wp-content/uploads/2011/12/Blues-Scale-RH-only1.jpg" rel="wp_lightbox_prettyPhoto[image_group1]" title=""><img src="http://www.iics-k12.com/music/wp-content/uploads/2011/12/Blues-Scale-RH-only-e1333555036903.jpg" width="40" height="40" alt="" /></a>

</div>

Image2

<div class="lightbox_ultimate_anchor lightbox_ultimate_image_anchor ">

<a href="http://www.iics-k12.com/music/wp-content/uploads/2011/12/Blues-Scale-RH-only1.jpg" rel="wp_lightbox_prettyPhoto[image_group1]" title=""><img src="http://www.iics-k12.com/music/wp-content/uploads/2011/12/Blues-Scale-RH-only-e1333555036903.jpg" width="40" height="40" alt="" /></a>

</div>

Now once you click one of the images it will popup in lightbox and the navigation (previous/next) arrow will show up.

[Author]

Posts