11 Replies Latest reply on May 10, 2010 6:25 AM by ImageAsylum

    Lightbox anyone?

    ImageAsylum Level 1

      Hi all,

       

      I am re-building my photography site with Lightbox css and it is doing something bizzare; any image or text that comes after the last image in the gallery is converted to a link that calls up the last image. This only happens in IE, fine in Firefox.

       

      Here is the offending page:

       

      http://www.imageasylum.net.au/tester.html

       

      Any help would be much appreciated

        • 1. Re: Lightbox anyone?
          markerline Level 4

          Not sure I understand what you mean about "last image".  I tested in a totally different broswer and after MissNic wears GeoMythik I clicked on "next" and the image came back to MissNic wears GeoMythik and will keep doing so if I click "next".  There are certain lightbox features either in lightbox itself or similar image previewers that allow you to "wrap-around" to the first image after reaching the last image.  This can be done by editing the js file that comes with the jquery package.

          • 2. Re: Lightbox anyone?
            John Waller Adobe Community Professional & MVP

            I see the issue in IE8 where the footer text is all linked to the same destination as the last image in the Lightbox. I see it in Firefox too.

             

            You need to validate the page (88 errors)

            http://validator.w3.org/check?uri=http%3A%2F%2Fwww.imageasylum.net.au%2Ftester.html&charse t=%28detect+automatically%29&doctype=Inline&group=0

             

            Also, none of the <a> tags wrapping the images are closed:

             

            e.g.

             

            <div id="row1">
                <a href="images/fashion/Brigit.jpg " rel="lightbox[fashion]"title="Brigit wears bridal wear by Dolly Q"> <img src="images/fashion/Brigit_TH.jpg " border="0"/></a> *** missing in code ***
                <img src="/images/fashion/A.imageSpacer.png" border="0"/>
                <a href="images/fashion/cn2010_1.jpg" rel="lightbox[fashion]"title=" Dolly Q designs, Circa Nocturna Fashion Show, 2010"> <img src="images/fashion/cn2010_1_TH.jpg" border="0"/></a> *** missing in code ***
            <img src="/images/fashion/A.imageSpacer.png" width="20" height="195" border="0" />
                <a href="images/fashion/cn2010_3.jpg" rel="lightbox[fashion]"title=" Z~Entity designs, Circa Nocturna Fashion Show, 2010"> <img src="images/fashion/cn2010_3_TH.jpg" border="0"/></a> *** missing in code ***
                 <img src="/images/fashion/A.imageSpacer.png" width="20" height="195" border="0" />

            1 person found this helpful
            • 3. Re: Lightbox anyone?
              ImageAsylum Level 1

              "MissNic wears GeoMythik" is what I mean by the last image, I'm restructuring to get around the issue for now, I'll see how that goes. Thanks for the reply

              • 4. Re: Lightbox anyone?
                hans-g. Adobe Community Professional & MVP

                Hi,

                 

                my IE has no problems with "MissNic wears GeoMythik". Perhaps you already solved the problem. Here's the proof:

                 

                dr.jpg

                 

                So I only would like to do one suggestion: couldn't you minimize the photos a little bit, so we users could admire the photos in full size without using the scroll bars, ok?

                 

                Hans-G.

                • 5. Re: Lightbox anyone?
                  John Waller Adobe Community Professional & MVP

                  Hans,

                   

                  Viewing the last picture is not the issue.

                   

                  But click the footer text.

                   

                  It's also linked to the last picture for the reason cited in my first reply in this thread.

                  • 6. Re: Lightbox anyone?
                    hans-g. Adobe Community Professional & MVP

                    Hi John,

                     

                    you are right, now I can see. Before I look further, isn't it an evidence for my suggestion to make the photos a bit smaller? However, if you don't know that there is a "close" at the bottom, there is no error all!

                    Ok, BSF, I'll again try to find it out!

                    • 7. Re: Lightbox anyone?
                      hans-g. Adobe Community Professional & MVP

                      Hi,

                       

                      there is adifference I can see, your line 172 ends:


                      border="0"/>
                              </p>

                       

                      my line ends:

                      border="0" /></a> </div></td>
                              </tr>

                       

                      Hans-G.

                      • 8. Re: Lightbox anyone?
                        martcol Level 4

                        It was suggested a while ago that you validate your code and I think that you should  have a go at least, at tidying up your page.

                         

                        Here's an example of one of your lightbox images:

                         

                         <a href="images/fashion/Ivan.jpg" rel="lightbox[fashion]"title="Ivan wears  Z~Entity ">
                        <img src="images/fashion/Ivan_TH.jpg" border="0"/>
                            <img src="/images/fashion/A.imageSpacer.png" border="0" />

                         

                        You don't appear to have closed off your <a> element.  I don't think it's a good idea to not have a space between attributes either:

                         

                        ion]"title=

                         

                        Should be:

                         

                        ion]" title=

                         

                        Martin

                        • 9. Re: Lightbox anyone?
                          ImageAsylum Level 1

                          Hi John, thanks for your reply

                           

                          I have rebuilt the page with he closing brackets - thanks for the heads up!

                          I have also restructured the site to temporarily resolve the issue with the footer - I have just removed it all together!

                          I will validate the page in  minute, but when I do this is dreamweaver it tells me about all of the problems but doesn't tell me how to fix them. I'll try your link.

                          Now I have new problem however - the images aren't opening! Maybe my connection is very slow but they seem to just get stuck on the loading stage... I'll check the Lightbox forum for that unless you have any idea what's causing it

                          • 10. Re: Lightbox anyone?
                            ImageAsylum Level 1

                            PS - this is the new page:

                             

                            http://www.imageasylum.net.au/fashion1.html

                             

                            and this is what it should look like:

                             

                            http://www.imageasylum.net.au/fashion2.html

                            • 11. Re: Lightbox anyone?
                              ImageAsylum Level 1

                              Hi Hans,

                               

                              You're right - the images are a bit big - the last version of this site used photoshop web galleries and the images were too small so I got carried away.

                               

                              I will resize them soon - shave about 30 pxls off the height should do it.

                               

                               

                              btw - the scroll bars at the bottom of the images shouldn't be there, the page/images should look and function like this:

                               

                              http://www.imageasylum.net.au/fashion2.html

                               

                              cheers