PDA

View Full Version : Lightbox Image viewer 2.03a



Stevea
05-29-2011, 02:40 PM
1) Script Title: Lightbox image viewer 2.03a

2) Script URL (on DD): www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: I followed the instructions but still a little unsure what to do and I would like to resolve the following problem:

When I click on a thumbnail image the large image opens up in a new window.
What do I need to do to make this work properly?
Thanks

1) Script Title: Lightbox Image Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: to view the problem I have encountered please go to:http://www.stevenjatkins.co.uk/Music%20Classes.htm

Luys
05-29-2011, 03:55 PM
There is illegal characters on your code:

Try the following as a initial guide and check out the correct path... ('/???
To separate preload of several images may thus write: ('pathtoimage1.jpg, pathtoimage2.jpg'); etc.
Remember that the browser must load ALL the web page elements to fire lightbox then. Also I think you must reorder the elements on body tag.

What is #000000 ? Text color? Perhaps is a better option a little stylesheet on head for text color and background image.


<body onload="MM_preloadImages('/images/menu_on.gif'); initLightbox();" bgcolor="#CCCCCC" leftmargin="10" marginwidth="10" topmargin="15" marginheight="15" background="sky.jpg">


Luys

P.S.: To your attention. Your table has a "fixed" 1240px width. Do you know that in a smaller 1024 x 768 screen (like ipad and other devices) the page unnecessarily is forced to be displayed with two scrollbars?

I would try first anything like

<table width="100%" style="max-width: 1240px;">
and then adjust some dimensions at the top menu.

Also there is some 1240 liquid solutions around that solve this problem or, at worst, my first impression is that your design fully supports the use of a template of 960px.
I hope these comments with the best of intentions will be of some help for you. "Bona sort!"

Stevea
05-29-2011, 06:15 PM
Hi Luys

Thanks for the help and guidance regarding the problem re:http://www.stevenjatkins.co.uk/Music%20Classes.htm

Would it be a good idea to redesign the whole page using the Cascade Style Sheets box model? I was told to avoid tables and that templates are a better option.

Also I have found some code in a book that might help me solve the problem.

It says there should be a path from a smaller image to a larger image:

/path/to/large4.jpg
/path/to/small4.jpg

It also includes an onmouseover event

May give this a try.

Stevea

jscheuer1
05-30-2011, 11:26 AM
The main reason the script isn't working is that it's not on the server. All of the support files for the script are 404 Not Found. Did you download the distribution archive from the demo page? If not, do so. Unzip it. It contains the scripts, css and resource images required, as well as a working demo page.