LightBox JS for Fullsize Popup Image

[Aquilasfx]

Code Select Expand

Step 3. Download slideshow.zip  from http://ahavriluk.home.comcast.net/slideshow.zip.

The page Sorry, the page you were looking for could not be found. Where I can download slideshow.zip? please share this file

[SaWey]

It is attached a few posts earlier

[n0rb3rt]

I have instalation: 1.4.10 (with stremm mods)

This instalaltion with theme soseuchtig_black & this contrybution (with slideshow)
NOT WORK ;(

without lightbox all works fine

anyone can check my files what is wrong

[Fabrian]

Although this thread has become very helpful with excellent dev contribution, it has also become very difficult to follow.

I've basically followed Gizmo's instructions on the first page of this thread and have also applied the code stated HERE by rphMedia which all works just fine (my gallery HERE).  When the lightbox is open, I can close the window anywhere, but for sake of user confusion, hovering over the lightbox window, the pointer only switches to hand (designating a link/click function) when hovered over the bottom right on close.  I wondered if there is any way to have the pointer change to a hand over the entire lightbox image.  Also an alt text of click to close would be nice too.

Anyone know if this can be done?

[lluisitu]

Hi,

I installed this addon and is working perfectly, my question is regarding:

It is possible to display also the image description under the caption in the lightbox??

Where I can find this part of code where information is passed to lightbox??

Thanks

[Aidik]

Hey, I installed the plugin and it's working just fine! Thanks!

Is there a way to have the full-size picture load automatically upon entrance on the intermediate page? Instead of it loading only when clicking on the intermediate picture?

Thank you.

[n0rb3rt]

I have instalation: 1.4.10 (with stremm mods)

This instalaltion with theme soseuchtig_black & this contrybution (with slideshow)
NOT WORK ;(

without lightbox all works fine

anyone can check my files what is wrong

Ok I checked all once again myself - DONE !
...silly mistake hehehe

Br all 

[dke]

Ive just installed this with the instructions provided and it does not work as it should, for some reason i have to click the "close" button to close the picture, but in the demo galleries i can just cilck the left mouse on the picture and it closes..

[dke]

You need to put the lightbox images in your   ...gallery root/images/ folder.

Another nice one Gizmo !


Just a little tid-bit...

If you want to close the image by just a "click to close", find in lightbox.js:

Code Select Expand

var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
// Add the next line
objLightbox.onclick = function() { myLightbox.end(); return false; }

i'd like to get this to work, however when i do as instructed nothing happens.

first i test:

Code Select Expand

var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objLightbox.onclick = function() { myLightbox.end(); return false; }
objLightbox.onclick = function(e) { // close Lightbox is user clicks shadow overlay
if (!e) var e = window.event;
var clickObj = Event.element(e).id;
if ( clickObj == 'lightbox') {
myLightbox.end();
}
}; <- nothing happens everything stays the same.

then i try:

Code Select Expand

var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objLightbox.onclick = function() { myLightbox.end(); return false; }
if (!e) var e = window.event;
var clickObj = Event.element(e).id;
if ( clickObj == 'lightbox') {
myLightbox.end();
}
}; <-- kills the script, the flash wont even load, it will jump strait to the large image.

then i try:

Code Select Expand

var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objLightbox.onclick = function() { myLightbox.end(); return false; }
if (!e) var e = window.event;
var clickObj = Event.element(e).id;
if ( clickObj == 'lightbox') {
myLightbox.end();
}
}; <-- same as above, ruins the script.

what have i missed? how do i get this small modification to work?

[dke]

argh no edit....

well forgive my stupidity, this worked:

Code Select Expand

objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objLightbox.onclick = function() { myLightbox.end(); return false; }

[dke]

Is there a simple way to modify the code below to not display the full url to the "full size picture" when dragging the mouse over the intermediate image, before i used this script i think it said "javascript()" or somthing when dragging the mouse over.

Code Select Expand

    if ($mime_content['content']=='image') {
        if (isset($image_size['reduced'])) {
        $picfull_url = get_pic_url($CURRENT_PIC_DATA, 'fullsize');
        $pic_title = $CURRENT_PIC_DATA['title'];
            $winsizeX = $CURRENT_PIC_DATA['pwidth']+5;  //the +'s are the mysterious FF and IE paddings
            $winsizeY = $CURRENT_PIC_DATA['pheight']+3; //the +'s are the mysterious FF and IE paddings
            $pic_html = "<a href=\"$picfull_url\" rel=\"lightbox\" title=\"$pic_title\">";
            $pic_html .= "<img src=\"" . $picture_url . "\" class=\"image\" border=\"0\" alt=\"{$lang_display_image_php['view_fs']}\" /><br />";
            $pic_html .= "</a>\n";
        } else {
            $pic_html = "<img src=\"" . $picture_url . "\" {$image_size['geom']} class=\"image\" border=\"0\" alt=\"\" /><br />\n";
        }

Oh and great modification gizmo, i really like this one!

[arnestad]

Hi.
Great mod! I've used it for quite a while but now somethings wrong.

I've done some reconstruction of my galleries and the Lightbox JS doesnt work properly anymore. When you click the image the popup doesnt appear anymore, just another image far down on the same page. I know I've seen the solution to this before however cant seem to find it now.

Can someone please have a look at www.fotokunstner.no/kunst and see whats going on?

Thanks!

[dke]

I've noticed that for people who don't have flash installed the picture will simply open raw without being opened within coppermine... Is there a way to "fall back" to the old coppermine way of opening pictures if flash isn't detected (so they open in a classic popup window)

[dke]

Also, is there a simple way to add a "download picture" button somewhere on the flash window, like the "close button"? Would love to see that, people complain that they cannot save the images using firefox..

[Commander Keen]

There is a plugin for coppermine where you can add a download-button to the page with the medium-image. If you click on it, the full-size-image is being downloaded.

[Hayvosh]

What could be wrong when I get this error while trying to upload an image?

Code Select Expand

Fatal error: Allowed memory size of 16777216 bytes exhausted (tried to allocate 10368 bytes) in /customers/hayvosh.net/hayvosh.net/httpd.www/include/picmgmt.inc.php on line 392

[Joachim Müller]

Not related to this thread at all - stay out of this thread with your upload issues . Start a new one if looking at the docs and the sticky thread on the upload board doesn't cover your issues. Do as suggested in the section "asking for support on upload issues" in your own thread.

[Pieter.txt]

For first-time users this thread is quite difficult to follow. Several suggestions are made throughout this thread on how to get things working and the last summary is already quite old. Also, the lightbox_s.js script is not based on the latest version of the lightbox2 script (2.02 whereas latest is 2.03.3).
As I'm not a programmer I hope someone can update the lightbox_s.js script to the latest version and maybe an updated list of steps?

By the way, I noticed that the last summary still contained (at least) on error in the theme.php. It still says:

Code Select Expand


$pic_html  = '<object id="'.$player['id'].'" '.$player['classid'].$player['codebase'].$player['mime'].$image_size['whole'].'>';


whereas somewhere else it states it should be:

Code Select Expand


$pic_html  = '<object id="'.$player['id'].'" '.$player['clsid'].$player['codebase'].$player['mime'].$image_size['whole'].'>';


Thank you in advance for anyone who can help.


PS. maybe some sort of wiki would be helpfull with these kinds of tutorials?

[Seblon]

Hi

I installed all the parts as described on page 1 (Gizmo) but cannot get it to work. I still get plain pop-ups like before the installation.

I'm using CPG 1.4.14 with captha installed. The part in theme.php, function theme_html_picture(), that I had to add was already there, only not exactly like the code from here... Eehm, don't know what else to do really!

Now I was trying to download the latest mod on page 4 but failed brutally already at step 3

Step 3. Download slideshow.zip from http://ahavriluk.home.comcast.net/slideshow.zip.

since all I get when hitting that download link is a 404 error message.

Anyone bringing some light into my dark grey monday would be a real life saver   :-\

//Seblon

[SaWey]

it's somewhere in this thread, please go back a few pages.