New Module: Lightbox

[neophyre]

problem solved.

Next thing is, how do I have a black box surrounding my thumbnails?

[Ruud]

problem solved.

Next thing is, how do I have a black box surrounding my thumbnails?

Can you tell us what the problem and the solution was?
Other members in the community might benefit from that.

Borders around images are done using CSS.
Use a tool like firebug (Firefox plugin) to find the class/id the images are using and set a css rule for that.
The bookmarks pages will show you some links to good help with CSS

[laola]

Wer kann helfen?

ich hätte gern, dass die Bildershow nicht automatisch startet. also genau andersherum als es jetzt ist.
Hat einer von euch eine Idee oder einen Tipp? wie ich das hinbekomme?

Danke

laola

[erpe]

This is the english part of the forum 

rgds

erpe

[neophyre]

problem solved.

Next thing is, how do I have a black box surrounding my thumbnails?

Can you tell us what the problem and the solution was?
Other members in the community might benefit from that.

Borders around images are done using CSS.
Use a tool like firebug (Firefox plugin) to find the class/id the images are using and set a css rule for that.
The bookmarks pages will show you some links to good help with CSS

The problem was I was unable to upload the lightbox module. curiously enough, it all began working once I'd fixed up my templates.
I'll have a go at looking thought the css for the borders around the thumbnails..

[neophyre]

Having issues finding the code for the black boxes behind the thumbnails... anyone reckon they could offer me a hand?

Tried with firebug, but got myself a bit lost!

[Ruud]

Having issues finding the code for the black boxes behind the thumbnails... anyone reckon they could offer me a hand?

Can we have a look?

[mikejd]

I have installed this module and have it working except for the language. On the pop-up display all the labels are in German. It looks like these can be changed in lightbox.js where lines 96 to 104 are as follows :

Code:

           strings : { // allows for localization
                closeLink : 'Exit',
                loadingMsg : 'lade Bilder',
                nextLink : 'weiter »',
                prevLink : '« zurück',
                startSlideshow : 'Start Bildershow',
                stopSlideshow : 'Stop Bildershow',
                numDisplayPrefix : 'Bild',
                numDisplaySeparator : 'von'

However, I don't speak German. So, although I could make a guess, can anyone provide a translation and confirm that this is the correct place to modify.

Thanks.
Mike

[doc]

Hi,

simply translate the variables and you are done
Don´t know if this is the right place for translation, but the stuff could be translated as follows:

Code:

strings : { // allows for localization
                closeLink : 'Exit (or close)',
                loadingMsg : 'load(ing) images',
                nextLink : 'next »',
                prevLink : '« previous',
                startSlideshow : 'start slide show',
                stopSlideshow : 'stop slide show',
                numDisplayPrefix : 'image',
                numDisplaySeparator : 'from'

Doc

[mikejd]

Thanks for the translation, doc.

Is it possible to open the lightbox with the slideshow stopped?

Mike

[neophyre]

Having issues finding the code for the black boxes behind the thumbnails... anyone reckon they could offer me a hand?

Can we have a look?

http://www.expozay.net/tanika/tanika.php?expozay=0&cat=37
http://karinautique.com/Lingerie.html

The links above are the sort of effect i'm after, more so like the black borders around the thumbnails on tanika's website.

[neophyre]

anyone?

[neophyre]

Solved:

.lb_image{
background: #333333;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
margin: auto;
display:block;
}

[mikejd]

Solved:

.lb_image{
background: #333333;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
margin: auto;
display:block;
}

More elegant would be:

.lb_image{
background: #333333;
padding: 20px 10px;
margin: auto;
display:block;
}

Mike

[neophyre]

One issue tho - This does not appear in IE at all!

[mikejd]

Do you have a link to the site? As this appears to be a css issue, not a WB problem, it's not really relevant to this forum but without a link to view the page it's difficult to resolve.

Mike

[neophyre]

www.tammyann.com.au/pages/gallery.php