ballyg,

what exactly is it your after? my post: http://www.huddletogether.com/forum/comments.php?DiscussionID=1008&page=1
is an example of the prev and next buttons in the imageDataContainer...is this not what tyou are after?

W33B

I'm looking for the same thing.

The hidden effect of the Prev/Next buttons are useless if the user doesnt know to roll over the image. All the other discussions about this only mention moving the prev/next images. There has to be a simple way to just add Prev/Next text links that are always visible, next to the caption.

Thickbox has this feature, but doesnt have the cool animating effects like lightbox
http://jquery.com/demo/thickbox/

That's it man ! Thanks a lot Brian.

fanny adams...that was the easiest yet!

http://www.rees-jenkins.co.uk/lightbox2/w33bLightbox2_slidey_text.zip

have a slideshow with that one too!

Does anyone know how to set it up like this:
+--------------------------------------------------------------------+
| < 4 of 20 > This is the caption, this is the caption X |
+--------------------------------------------------------------------+

the "<" and ">" are text links and goto the next and previous images, and the X is the close button.
I've managed to get all components working correctly, but I can't position them on a single line like above.

Thanks

i would love to see a solution to this too (text based prev/next link in the caption)

thanks

(PS in the meantime, i appreciate Brian's solution!)

ballyg,

I decipherd that website link you gave. This is what you need to do. Modify lightbox.js as follows:

1) look for updateDetails: function() {
2) Comment out:
if(imageArray.length > 1){
Element.show('numberDisplay');
Element.setInnerHTML( 'numberDisplay', "Progress: " + eval(activeImage + 1) + " of " + imageArray.length);
}

add the following:
if(imageArray.length > 1){
var ndhtml;
Element.show('numberDisplay');
ndhtml=""+eval(activeImage+1)+" of "+imageArray.length;
if(eval(activeImage+1)>1){
ndhtml="<a id='prevLink2'>back</a>&nbsp;&nbsp;-&nbsp;&nbsp;"+ndhtml;
}
if(eval(activeImage+1)<imageArray.length){
ndhtml=ndhtml+"&nbsp;&nbsp;-&nbsp;&nbsp;<a id='nextLink2'>next</a>";
}
Element.setInnerHTML('numberDisplay',ndhtml);
}

3) Search for:
document.getElementById('prevLink').onclick = function() {
myLightbox.changeImage(activeImage - 1); return false;
}

add this after the above search:
document.getElementById('prevLink2').onclick = function() {
myLightbox.changeImage(activeImage - 1); return false;
}

4) Search for:
document.getElementById('nextLink').onclick = function() {
myLightbox.changeImage(activeImage + 1); return false;
}

add this after the above search:
document.getElementById('nextLink2').onclick=function(){
myLightbox.changeImage(activeImage + 1);return false;
}

5) This duplicates what is on leisure-boats, but the hand cursor doesn't show up when you hover your mouse over the 'next' and 'prev' links. To fix this, modify your css for 'a' and add:

a {
cursor: pointer;
}

Tried it and it worked perfect, thanks very much dy!

nevermind. the IE fix is discussed here: http://www.huddletogether.com/forum/comments.php?DiscussionID=1129&page=1#Comment_4401