:: Lightbox image viewer title problem

[emanuelle]

1) Script Title: :: Lightbox image viewer 2.03a


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

3) Describe problem:
I would like the thumbnail image to have a different title(Alt) then the alt of its enlarged size (when opened in lightbox).
is that possible?

[djr33]

Do you want the same title for every image, or do you need to specify a unique title for every image as a thumbnail?

[emanuelle]

I would like the images to have a title and the thumbnail to have a different title

[jscheuer1]

By title in the lightbox, do you mean the caption? It's controled by the title attribute of the link. If you want the thumbnail to have a different title, give it one, example:

<a href="somebig.jpg" rel="lightbox" title="Lightbox Title/Caption"><img 
src="somethumb.jpg" alt="" title="Thumbnail Titile"></a>

[emanuelle]

http://nihuta.co.il/test/nihuta/index.html

i have 2 problems here:
1. i want the close button to be on top/right. but doesnt work well
2. the light box jumps every time I move to the next image

any idea?

[jscheuer1]

That link is currently not responding. The server is down or overloaded. I'll try again later.

In the meantime, check to make sure that there is a standards invoking DOCTYPE as the very first thing in the page's source code.

[emanuelle]

ok its working now
looking forward to hear from you

[jscheuer1]

Some background questions:

1. Of all the lightbox type scripts available, why are you using this (DD's v2.03a) particular one?
   
   
2. Where did you get that lightbox.css and the images it uses?

and some observations:

1. I think it may be one or more of those direction: rtl; styles that's messing up how the lightbox opens and how it switches from group item to group item. If so that can probably be fixed by switching back to ltr for most of the lightbox, and then doing rtl again for the actual text within the lightbox. Other elements within the lightbox may be positioned if need be.
   
   
2. It's probably that and/or the lightbox.css I was asking about that's responsible. I'm thinking that, if you got the lightbox.css/helper images from another lightbox type script, you might be better off using it because the way it opens those styles might be smoother.
   
   
3. In any case, the lightbox.js version being used is out of date

[emanuelle]

thank you
where can I find an updated lighbox.js?

[jscheuer1]

Another thing that occurred to me is the animation. Set it to false as shown (around line #70 in lightbox.js):

// -----------------------------------------------------------------------------------

//
//	Configuration
//
var fileLoadingImage = "images/loading.gif";		
var fileBottomNavCloseImage = "images/closelabel.gif";

var animate = false;	// toggles resizing animations
var resizeSpeed = 7;	// controls the speed of the image resizing animations (1=slowest and 10=fastest)

var borderSize = 0;	//if you adjust the padding in the CSS, you will need to update this variable

// -----------------------------------------------------------------------------------

That may fix the jumpiness regardless of the cause.

I did try turning off direction: rtl; for the entire page, that didn't seem to help. But it's one thing to do that after the page is initialized, and another to rewrite the page without it. Doing either would only be an experiment to see what the cause is. But what I did tends to indicate that rtl might not be the problem. If you removed all direction: rtl; styles temporarily and that fixed it or didn't fix it, that would answer that question definitively. Something you should try with that is getting rid of all align="right" attributes and all text-align: right; styles. The default is left and Lightbox might be depending upon that for smoothness. You should try eliminating all of those and all direction styles together, just as an experiment. If that fixes it, we could perhaps bring them back, and work around the problem(s) they cause the lightbox.

But try just turning off the animations first. That might work.


To answer your question though, there are so many lightbox type scripts. I currently like:

• ColorBox
• FancyBox (its css is closest to what you're going for, so might be a good choice if its the lightbox.css that's throwing things off)

The original Lightbox is up to version 2.05 now:

http://www.huddletogether.com/projects/lightbox2/

You can Google 'lightbox' and 'lightbox clones' to find others.