Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  
    I have lightbox v2.0 on my website looking fantastic, however, for some reason when i create a group of sucessive images i.e. 12 images of a car it shows the last picture of the series. i.e. image 12 of12 instead of starting with image 1 of 12.

    Any ideas would be appreciated!!

    Jake.
  2.  
    The image that you are using to start the lightbox must be at the top of the group.


    <a href="image1.jpg" rel="lightbox[group]"><img src="thumb1.jpg"></a>
    <a href="image2.jpg" rel="lightbox[group]"><img src="thumb2.jpg"></a>
    <a href="image3.jpg" rel="lightbox[group]"><img src="thumb3.jpg"></a>
    <a href="image4.jpg" rel="lightbox[group]"><img src="thumb4.jpg"></a>
    <a href="image5.jpg" rel="lightbox[group]"><img src="thumb5.jpg"></a>

    will start at image 1

    <a href="image5.jpg" rel="lightbox[group]"><img src="thumb5.jpg"></a>
    <a href="image1.jpg" rel="lightbox[group]"><img src="thumb1.jpg"></a>
    <a href="image2.jpg" rel="lightbox[group]"><img src="thumb2.jpg"></a>
    <a href="image3.jpg" rel="lightbox[group]"><img src="thumb3.jpg"></a>
    <a href="image4.jpg" rel="lightbox[group]"><img src="thumb4.jpg"></a>

    will start at image 5
  3.  
    <a href="images/Weddings/rr-phan.jpg" rel="lightbox [roadtrip]" title="Rolls Royce Phantom (move your cursor over the image to navigate to next picture)">
    <a href="images/Weddings/rr-phan2.jpg" rel="lightbox [roadtrip]" title="Rolls Royce Phantom">
    <a href="images/Weddings/rr-phan-int.jpg" rel="lightbox [roadtrip]" title="Rolls Royce Phantom Interior">
    <img src="images/Weddings/rr-phan.jpg" width="200" height="150"></a></td>

    Thats how i've linked it but it still seems to start on the last image? any ideas?
    • CommentAuthorhherrie
    • CommentTimeFeb 3rd 2009 edited
     
    It should be:

    <a href="images/Weddings/rr-phan.jpg" rel="lightbox [roadtrip]" title="Rolls Royce Phantom (move your cursor over the image to navigate to next picture)"></a>
    <a href="images/Weddings/rr-phan2.jpg" rel="lightbox [roadtrip]" title="Rolls Royce Phantom"></a>
    <a href="images/Weddings/rr-phan-int.jpg" rel="lightbox [roadtrip]" title="Rolls Royce Phantom Interior"><img src="images/Weddings/rr-phan.jpg" width="200" height="150" /></a></td>
  4.  
    What hherrie said. (you have to close every anchor tag)
    • CommentAuthorjcesario
    • CommentTimeFeb 3rd 2009
     
    Friends,

    By now you are undoubtedly bashing your collective heads against your keyboards wondering "why don't these newbs get it?". Believe me when I tell you that I have tried your suggestions in an effort to solve this 'backwards running slideshow issue' and have been unsuccessful. On the surface it seems as if all I need do is make my list of images and Lightbox should allow me to navigate through them starting with the first one (at the top of the list) and proceed using the 'next' button, to the end of my image group (at the bottom of the list).

    Apparently it is not that straightforward.

    As it stands, this is how Lightbox is working for me:

    -I click a link on my website ...
    -Lightbox opens to display the relevant image group ...
    -Lightbox tells me (via lower left corner text) that I am actually looking at image 10 of 10 rather than 1 of 10 ...
    -My only option is to view my slideshow backwards via the 'Prev' command.

    Here is an example of my code:

    <td width="140" height="20" valign="top"><a href="images/SVS/OrderUp/1a_Description.jpg" rel="lightbox[orderup]>
    <img src="images/projectLink_OrderUp.gif" height="20" border="0"></a></td>
    <a href="images/SVS/OrderUp/9_Ingredients_CarrotSlices.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/8_Ingredients_CarrotWhole.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/7_Ingredients_Tomato.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/6_Ingredients_Pancake.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/5_Ingredients_Fishstick.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/4_Ingredients_Hamburger.jpg" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/3_Dishes_FishSticks.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/2_Dishes_Pancakes.png" rel="lightbox[orderup]"></a>
    <a href="images/SVS/OrderUp/1_Dishes_Hamburger.png" rel="lightbox[orderup]"></a>

    Please note that I have inverted the image order in the above code (image 1 at the bottom) so that at least I'm able to view my images in the order I prefer, even if I need to navigate backwards.

    To see this in full-effect, go here: www.jcesario.com.

    This issue is maddening to me, and is becoming an issue for those that are visiting my site. I have a feeling that the answer is right in front of me, but I sure can't see it.

    Please help, O learned webmasters.
  5.  
    @ jcesario

    I've visited your site, I clicked on the Order Up! Link. it showed me a image with text describing the following images and is Image 1 of 10 in the bottom left corner

    screen shot: http://www.your-imagination.com/temp/jcesario.jpg


    Clicking Next took me to 9_Ingredients_CarrotSlices.png (Image 2 of 10)

    screen shot: http://www.your-imagination.com/temp/jcesario.jpg


    and stepped through the group of images in the order you have them listed above.
  6.  
    As jcesario has mentioned above i am still baffled by the lightbox scipt. I have incorporated the script into one page only which can be found here http://haveyouarrived.com/weddings.html.

    So far as i can see I have implemented the script in the correct manner however, I am still experiencing the same issues.

    Please feel free to view the website and the source code an elaborate on where I am going wrong!

    Jake.
  7.  
    you don't appear to have done anything to the page other than to add the rel= attribute to the anchor tags.

    I cannot see links to the js or css files in the head

    there should not be a space between "lightbox" and [groupname]
    • CommentAuthorgodawful
    • CommentTimeFeb 6th 2009
     
    jcesario
    </td> at the bottom of the group images...could help the flow.

    jtrobinson
    <img src=" need to be in the in the second line after your <a href=" of your group images. Putting <a href=" at the bottom messes with the order of the group
    • CommentAuthorjcesario
    • CommentTimeFeb 11th 2009
     
    well, I give up.

    I have done everything suggested to me and I can't get this thing to work the way I want it to.

    An interesting side-note: I am seeing this problem in my default browser, which is Firefox. I just now decided to test it using IE and lo and behold, my image sequence starts with number 1 and proceeds from there.

    Does anyone have any thoughts on Lightbox alternatives? Perhaps an older version?
    • CommentAuthorhherrie
    • CommentTimeFeb 12th 2009
     
    There are many Lightbox alternatives! But maybe you will have the same problems with the alternatives. A good alternative (in my opinion) is Slimbox (there is a Mootools version and a jQuery version, see http://www.digitalia.be/software/).