Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #8057

    I’d like to place small images (perhaps 80px x 80px) in the right sidebar to represent color swatches of material. If a customer would like to see larger images, how would I use the built-in lightbox feature to have the images come up in the lightbox in original size (perhaps 200px x 200px) and the customer can use the arrow controls to scroll through them?

    I can currently put some HTML code into a text widget, and place that in the right sidebar, however upon clicking the image it simply opens up a single page with the image at the top, and does not utilize the lightbox function.

    Any advice would be greatly appreciated.

    Great theme by the way! Very impressive…

    #60171

    Just bumping this thread to see if anyone has any advice.

    I’m just trying to place a series of small images in the right sidebar, and upon clicking a thumbnail of one of the images, the image comes up in a lightbox, and is able to scroll through the rest of the images in the lightbox.

    Thank you.

    #60172

    Hey,

    the project page: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ offers some demo snippets. You can create a lightbox gallery with following code:

    rel="prettyPhoto[pp_gal]"

    (You can also change pp_gal to any other name/text). The gallery code would look like:

    <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a>

    <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a>

    <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a>

    <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a>

    <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a>

    #60173

    Awesome. Thank you. That should point me in the right direction!

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Using built-in lightbox function with images in right sidebar’ is closed to new replies.