New Module: Lightbox

[Boudi]

The gallery is fully original? You made no changes at all on the files itself?

[Lubeca]

yes, that's right. no changes on the files.

[Boudi]

Just try to uninstall the programm and reinstall it?

[Ruud]

Your base.css has a div with the ID "Close".
This same ID is used in the lightbox module (frontend.css).

The solution is to use another ID in your template and base.css for close.

Ruud

[Lubeca]

hmm.
I cannot find this ID in my frontend.css
And also, I willnot find a base.css within the folde \modules\lightbox2

 

[vyni]

Hallo Lubeca,

was Ruud meint:
in Deinem Template gibt es ein div id="close" - bestimmt auch im css zu Deinem Template

das Lightbox-modul hat auch ein div id="close" und auch ein css

das verträgt sich natürlich nicht.

Also: im Template das div umbenennen in xclose und im css dann auch.

Alles klar?

[Ruud]

I would not change the lightbox (frontend) css.
You would need to hack the javascript code also. Update to future versions would give your gallery the same problems again.

In your template (index.php), below the footer, the is a part that says:

Code:

<div id="close">
</div><!-- // #close site -->

In your base.css there is a part that says:

Code:

div#close {
clear: both;
height: 9px;
padding: 0 0 0 0;
color: #333;
background: #444444 url(images/chiusura.gif) no-repeat 0 0;
}

It is used to display the grey bottom image of your site. You also see that in the screenshots you gave. That grey line left of the "close X" image should not be there.

If you change both "close" words to "closethis" (or something else, as long as it is the same in both files) your Lightbox will work as it should.

Do not try to find this in the lightbox, everything in there is dynamically generated, so you won't easily find that in there.

Ruud

[Lubeca]

Now I got you Ruud - thank you very much !!

Danke auch Dir vyni

It works fine !!

[vyni]

Aber bitte, kein Problem.

Nur eine Kleinigkeit noch: Deine Bilder mit 300kb pro Datei sind einfach zu groß (zu lange Ladezeit) Lass sie ersteinmal (vom  JAlbum -??) durch einen Kompressor laufen 

LG aus Himberg

english: You´r welcome. Just one thing. Your photos with filesize 300kb each are too big (loadingtime is too high) Make a compression first.

[Lubeca]

Oh yes. For this album you're right. These are too big.
Have a look to the next, "Norwegen 2008"
This images are better.

I would change the "Rhodos" images

Thanks !!

[groloff]

hi there
I used this module recently and it´s a great module. Works fine and it´s very simple. Now to the point...

Is it possible to modify this module to show picasa albums? Or: Is it possible to modify any other WB image gallery module to show picasa albums?

Any ideas?

[vyni]

Hi,


if Your picasa-album is accessible like a YouTube-video You could
try out this one.

regards from Himberg, next to Vienna

[albatros]

Hi everybody,

now a blind man will start talking about colors. 

I am always happy getting valid pages. And it seems, I am not the only one, because this was the reason for the "frontend.css". This lightbox-module by Christian Thamer (newest version? http://forum.websitebaker2.org/index.php?action=dlattach;topic=7822.0;attach=2369) is using a frontend.css, but the code of my page was not valid. And it didn't matter, if the gallery was in a section or if it was a pure gallery-page. The validator found two errors.

The first was a missing alt-tag, so I inserted <code>alt=""</code> in line 153 of view.php. Easy, even for me. 

The second error was caused by

Code:

echo '<link rel="stylesheet" type="text/css" href="' . WB_URL . '/modules/lightbox2/frontend.css" media="screen" />';

in line 22 of view.php. So I deleted it. The gallery still works and my page was "was successfully checked as XHTML 1.0 Transitional!" 

But, as I told you in the beginning, I am really "a blind man talking about colors".

So what do PHP-Pros say to the deleted code-part? Necessary or not? "frontend.css" only should be in the header or am I totally wrong?

Best regards from Germany

Uwe

Edit: CSS-validation also failes. But there you have to choose between effects or validation.

[sparkdigital]

Anyone know how to add captions to each image so that a short description of the image appears below it?

Thanks!

Konrad

[groloff]

thanks vyni, that looks good, but... how do I use it to show picasa albums?

[vyni]

thanks vyni, that looks good, but... how do I use it to show picasa albums?

Exactly the same way as I described for YouTube - video.

You have it installed? Latest Version 03b ?

copy the code and past it in a code2-section, save it and view it.
If You see the viedeo it is ok.

Now view Your picasa-album in a different window - fullsceen. Copy the adress from the adress-line - switch back to the code2-section and replace the url. Save again and You are done.

regards from Himberg.

PS: if You would provide me Your album I could write the code. It would be much easier than explaining.

[bosserik]

Anyone know how to add captions to each image so that a short description of the image appears below it?

Thanks!

Konrad

I need to know this as well! How can you add descriptions to images through the backend of WB? Any answer would really be appreciated!

Erik

[Ruud]

Lightbox uses the image title as description when it is displaying the image.

To do that you need to modify the view.php a bit, and use filenames that is the actual description.
The code below is replacing lines 152-154.

Code: (Original code from view.php)

<?php //this line is for colorcoding only 
if ($img_total > $img_count){
echo '<a href="' . WB_URL . $gallery_path . $img_list[$img_count] . '" class="lb_image_link" rel="lightbox[' . $gallery_name . ']" title="' . $gallery_name . '"><img class="lb_image" src="' . WB_URL . $thumb_path . $img_list[$img_count] . '" border="0" /></a>';
}

Code: (Replacement code)

<?php //this line is for colorcoding only - do not add
if ($img_total > $img_count){
$img_name =  explode(".",$img_list[$img_count]);  //get imagename without extension
$img_name = str_replace("-"," ",$img_name);       //replace - in the filename
$img_name = str_replace("_"," ",$img_name);       //replace _ in the filename
echo '<a href="' . WB_URL . $gallery_path . $img_list[$img_count] . '" class="lb_image_link" rel="lightbox[' . $gallery_name . ']" title="' . $img_name[0] . '"><img class="lb_image" src="' . WB_URL . $thumb_path . $img_list[$img_count] . '" border="0" /></a>';
}

Now the image name will be in the title field of the image. Lightbox will include that as description.

Ruud

[dimat66]

Ich habe eine Problem mit dem Lightbox2 (ver 0.91d)

Wenn man es im IE aufruft läuft die Slideshow automatisch an ( das ist ja auch so erwünscht)
Aber leider lässt sich das Modul nur mit dem Browser Pfeil "zurück"stoppen.

Ausserdem ist das "next Schild" ganz unten. Siehe Bild:


Hier der Link zum Modul auf der Seite:http://avli.de/pages/restaurant.php

[Stefek]

Huii...
beid Deinem Problem kann ich Dir leider keine große Hilfe sein.
Aber einmal dick Lob für das Webdesign aussprechen, das geht.

Hervorragende Arbeit. 

(Da gibt es auch ein Showcase im Forum, solltest Du dringend reinstellen, bitte.)

MfG,
Stefek