Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #4999


    Your template is great! I am using the HTML version. I am using the div class “one_fourth” to create a series of photos across the page. Now here is my question. Where can I change the photos so that each photo opens into it’s own lightbox slideshow gallery? I’m getting a little confused over at about the whole lightbox things. I just want to make sure I have the right code in order to do a unique slideshow for each picture ….





    So you want to open every image in a seperate window and have no option to go to the next picture in the group? Which steps have you taken to make it work? Do you have a link to your site so we can check what might be missing? This should really help you out, can you explain what is unclear?


    Thanks Chris for your reply. My site isn’t up yet. I was just playing around with the template for a possible uses. I am complete newbie to all of this, though I am making my way around everything (or at least I think I am). I will explain what I want to do with the code.

    Here is the code that I will use for each photo (4) that I want on the page.

    <div class=”one_fourth”>


    <p>Click on photo to see year’s winners!</p>


    Now can I change the photos that opens in the preloading into it’s own gallery — meaning it’s own photos that are different from the next div on the page? It seems that each of these divs use the same photos. I would like each div to house it’s own photo gallery. I couldn’t find where the photos are located in the jquery, etc.

    If I wanted to use the lightbox how do I use the code in the div? Like this??

    div class=”one_fourth”>Red round shape

    Red round shape

    Red round shape

    Red round shape


    <p>Click on photo to see year’s winners!</p>


    Is this correct?

    And do I have to put this “before the closing tag of your body ()”

    <script type=”text/javascript” charset=”utf-8″>





    Sorry for all the questions. I’m just semi new to all of this!



    Oops this is the code:

    But do you put the lightbox code into the div in place of the <a href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>

    Like this:

    <div class="one_fourth"><a href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>


    <p>Click on photo to see year’s winners!</p>`



    This seems correct, yes.

    You’d ope your div, open a link to the image you want to be “in the gallery” and pop out, then you’d put a smaller image in an img tag, you’d then close the link and continue with your div, then close your div.

    Your last example should work. (You can see it in action in your second post on this topic =D, the links open in a lightbox but the path to the image is incorrect because this site doesn’t hold the images ;) )

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

The topic ‘LIghtbox using the HTML version’ is closed to new replies.