visual lightbox problem - displays thumbnails but not large image

**franko** · 04-04-2011

Hi guys, can someone take a look at www.ganesbuilder.biz/html/gallery.html and tell me why the VLB slideshow isn't working? It works ok before being uploaded and placed into NoF but something within NoF is breaking it. I've manually copied the working data and engine folders to the server, the path is right (otherwise the thumbnails wouldn't display) but when I click on an image the browser simply loads the image requiring the use of the back button. Client had a flash gallery before - I may have to go back to using one again.

**Adendum** · 04-04-2011

Franko,

Maybe due to two calls to jquery?

Code:

<script src="engine/js/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="../assets/jquery.js">

I seem to remember I had a similar issue and had to make the VLB call use the standard NOF jquery.js rather than the VLB jquery.min.js.

**Ritch** · 04-04-2011

Hi Franko

I have a similar problem with a simple Highslide script. (mini-gallery)

What added to my frustration was that I got it working beautifully 1st time on one wee 'test' site with nothing other than that on the page. Days of trying to strip back the page to get it working on another site still had the problem you have. I got hung up on the thought that there was a conflict somewhere.

I have abandoned it after many hours of ineffective trials. (I have a limited amount of hair to spare)

I still have much to learn.

I have just had a brainwave and tried another test. It works on pages published from NOF12 ... its my NOF11 sites that exhibit the problem. Maybe once the update is released and I transfer my sites the problem will be behind me.

May be a clue in that.

Ritch

**franko** · 04-04-2011

What's frustrating is the fact that I have 4 VLB galleries running on my food photography web site (http://www.food-photography.com.au) without any problem. I've done exactly the same as on that site except - I haven't put the gallery.html page and VLB files into a separate directory. I'll be trying that today.

**franko** · 04-04-2011

Ok, tried importing via template to v12 (the site was created in v11) - no change. Republished gallery - no change. Created a new directory for the gallery, placed the gallery.html file into it, copied the VLB data and engine files into it - still no change. I could understand it if I hadn't used it before, but like I said, I have several VLB galleries running without any problem and the procedure this time has been precisely the same. Yet the result is completely different. Why???

**Thomas Frei-Herrmann** · 04-05-2011

Hi,

as you can see here, Visual Lightbox works fine with NOF

http://www.tommyherrmanndesign.com/n...rsion_neu.html

... just use a valid DOCTYPE like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

in NOF 12 you can tick this DOCTYPE in your settings. In older versions you can manually put it into your head section in the <>Code area.

http://www.tommyherrmanndesign.com/nof/html/doctype.html

... also make sure that the <Body-Code> of Visual Lightbox will be copied first into your "Windows-Editor", so that it looks i.e. like this:

Code:

<!-- Start VisualLightBox.com BODY section id=1 -->
<div id="vlightbox1">
     <div class="vlightbox1">
           <a href="data/images1/eichhrnchen.jpg" title="Eichhörnchen hier mal ein Beispiel von mir, wie man einen Download selbst hinzufügen könnte"><img src="data/thumbnails1/eichhrnchen.jpg" alt="Eichhörnchen hier mal ein Beispiel von mir, wie man einen Download selbst hinzufügen könnte"/></a>
           <div>Eichhörnchen <br>hier mal ein Beispiel von mir, <br>wie man einen <a href=http://www.tommyherrmanndesign.com/nof/visual-lightbox/data/images/DownloadEichkater.zip>Download</a> selbst hinzufügen könnte</div>
     </div>
     <a class="vlightbox1" href="data/images1/hibiskusgelb.jpg" title="Hibiskusgelb"><img src="data/thumbnails1/hibiskusgelb.jpg" alt="Hibiskusgelb"/></a>
     <a class="vlightbox1" href="data/images1/hibiskusrot.jpg" title="Hibiskusrot"><img src="data/thumbnails1/hibiskusrot.jpg" alt="Hibiskusrot"/></a>
     <a class="vlightbox1" href="data/images1/klatschmohn.jpg" title="Klatschmohn"><img src="data/thumbnails1/klatschmohn.jpg" alt="Klatschmohn"/></a>
     <a class="vlightbox1" href="data/images1/margerite.jpg" title="Margerite"><img src="data/thumbnails1/margerite.jpg" alt="Margerite"/></a>
     <a class="vlightbox1" href="data/images1/peonie.jpg" title="Peonie"><img src="data/thumbnails1/peonie.jpg" alt="Peonie"/></a>
     <a class="vlightbox1" href="data/images1/sonnenhut.jpg" title="Sonnenhut"><img src="data/thumbnails1/sonnenhut.jpg" alt="Sonnenhut"/></a>
     <a class="vlightbox1" href="data/images1/tulpe.jpg" title="Tulpe"><img src="data/thumbnails1/tulpe.jpg" alt="Tulpe"/></a>
     <a class="vlb" style="display:none" href="http://visuallightbox.com">Lightbox2 by VisualLightBox.com v4.7</a>
</div>
<!-- End VisualLightBox.com BODY section -->

... do not edit this code in the NOF-Editor. NOF is creating functional characters in this editor and then Visual Lightbox might not work anymore. Always copy the entire code from your "Windows-Editor" into the HTML-Code-Editor of NOF.

**RayC** · 04-05-2011

Hey, Franko

I see you're looking at alternatives, so maybe you've given up... But there's always value in figuring out what went wrong.

Have you by any chance downloaded a newer version of Visual Lightbox and used it? Possibly something new they've added that is conflicting with NOF. I had problems with Visual Slideshow because it uses Mootools which conflicts with NOF navigation rollovers.

One other thing you didn't make clear: does it work from the generated .HTML file on it's own? That is, just the VLB generated index file without doing any code cutting/pasting.

**Thomas Frei-Herrmann** · 04-05-2011

... just a note.

My advise is for NOF 12 ("rollover.js" has been modified in NOF 12, no problems anymore) and for the latest VLB-Version 4.7

**Adendum** · 04-05-2011

Ray,

If Tommy is right (which he inevitably is) it looks like its the DOC TYPE...something I always forget about with VLB..... But I also have to say my own VLB use on the Aditerum site is now confusing ME!

As I stated to Franko I had some kind of issue with two calls to jquery, so I commented out the VLB call and that solved whatever issue I had (no idea what it was now). So I just looked at my VLB page in NOF and the site online and I'm really confused now....

In NOF I have a page called photo_library that calls in an internal iFrame of a page called food_images. Both pages have the same DOC TYPE (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">), which kind of negates Tommy's reference [confusion A] but it gets worse....there is no physical page called food_images on the server and none locally [err, confused big time B] and to make matters worse the VLB code () ONLY appears in the NOF page food_images.

Sorry to hijack your thread a bit Franko!

And Ray, Franko did say

Originally Posted by franko

... It works ok before being uploaded and placed into NoF but something within NoF is breaking it.

**RayC** · 04-05-2011

Originally Posted by Adendum

And Ray, Franko did say

... It works ok before being uploaded and placed into NoF but something within NoF is breaking it.

What I read from that is it ran locally on his computer. I'm curious if it ran off the server using the VLB generated index.html file. This would help focus on whether it's a server issue or a NOF/configuration issue.

Thanks, for that update, Tommy. Would have been nice if someone from NO informed me of that when I was having issues, rather than simply "Not our problem."

I'd probably have upgraded to v12 by now if they had.

For the record, I've just implemented a VLB gallery on a site-in-progress, and it uses the following DocType declaration as generated by NOF 11.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

It's here, if you'd like to compare notes.

Thread: visual lightbox problem - displays thumbnails but not large image

Thread Tools

Search Thread

Display

visual lightbox problem - displays thumbnails but not large image

Posting Permissions