[Klas]

Download from
www.jquery.com/demo/thickbox/
the following:

loadingAnimation.gif
macFFBgHack.png
jquery-latest.pack.js
thickbox-compressed.js
thickbox.css

Edit thickbox.css
find:

Code:

*{padding: 0; margin: 0;}

replace with

Code:

/* *{padding: 0; margin: 0;} */

find:

Code:

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

replace with

Code:

.TB_overlayMacFFBGHack {background: url(../../../images/macFFBgHack.png) repeat;}

Copy to your server:
loadingAnimation.gif and macFFBgHack.png to images/
jquery-latest.pack.js and thickbox-compressed.js to includes/javascript/
thickbox.css to themes/(yourtheme)/style(

Edit modules/coppermine/displayimage.php (make a backup first!)
find:

Code:

		if (isset($image_size['reduced'])) {

after add:

Code:

			global $modheader,$CPG_SESS;
			$modheader .= '<script type="text/javascript" language="javascript" src="includes/javascript/jquery-latest.pack.js"></script>'."\n"
				.'<script type="text/javascript" language="javascript" src="includes/javascript/thickbox-compressed.js"></script>'."\n"
				.'<link rel="stylesheet" href="themes/'.$CPG_SESS['theme'].'/style/thickbox.css" type="text/css" media="screen" />'."\n";

find:

Code:

				$pic_html = '<a href="'.getlink("&amp;file=displayimagepopup&amp;pid=$pid&amp;fullsize=1",true,true).'" target="' . uniqid(rand()) . "\" onclick=\"imgpop('".getlink("&amp;file=displayimagepopup&amp;pid=$pid&amp;fullsize=1",true,true)."','" . uniqid(rand()) . "','resizable=yes,scrollbars=yes,width=$winsizeX,height=$winsizeY,left=0,top=0');return false\">"; //toolbar=yes,status=yes,

replace with

Code:

				$pic_html = '<a class="thickbox" href="'.get_pic_url($CURRENT_PIC_DATA, 'fullsize').'" target="blank">';

To show smaller images in the ThickBox
find in displayimage.php:

Code:

		if (isset($image_size['reduced'])) {

replace with

Code:

		if (1) {

[dadki]

nothing happens :S

[Klas]

?
Test it here:
www.terralights.de/ter...=2963.html

[dadki]

Klas wrote:

?
Test it here:
www.terralights.de/ter...=2963.html

yes it works on your i made all things like u wrote there and upload on my server in correct places but i can´t see changes

[Klas]

Hmm, ok. I put all the files (including a modified displayimage.php from 9.2 rc2) in the zip below.

[dadki]

Thx man it works now

[jzky]

Thnx for the tutorial Now it just needs some tweaks to have a back and forward button for a gallery... and a slideshow button

And it only (?) works with LEO activated..

[Klas]

jzky wrote:

Now it just needs some tweaks to have a back and forward button for a gallery... and a slideshow button

;)
www.terralights.de/ter...id=13.html

Quote:

And it only (?) works with LEO activated..

No, you don't need to activate LEO.

[jzky]

I had to activate LEO, with out it just opened the picture in a new browser window.
Not shure if it have something to do with some hack I had to do with coppermine to not check for GD lib.

[jzky]

Seems like I cant get lytebox to work, just shows the loading image see it in action

thickbox does work

[Dylert]

Is it possible to set lytebox or thickbox as default? Now "Normal" is default.

[Klas]

Hi Dylert,
I think you mean the "Thickbox and lytebox" hack from my homepage. If so, I have updated it. In displayimage.php you can now set thickbox/lytebox/normal to default.
There is also a new config value "alwaysauto" - I do not know if that makes sense, but I had the idea and could not resist
test: test.terralights.de/in...at=0&pos=2
download: www.terralights.de/ter...id=13.html

[Dylert]

Ok, thank you Klas, but how do I set lytebox to default in displayimages.php??

[Klas]

You need to edit displayimages.php.
Open the file in an editor, at line 77 you find

Code:

$CONFIG['lb_display'] = 'thickbox';  // thickbox,lytebox,normal

replace 'thickbox' with 'lytebox'.
All behind // is a comment and need not to be changed.

The other settings are on/off settings, for example

Code:

$CONFIG['lytebox'] = 1; 

if you replace it with

Code:

$CONFIG['lytebox'] = 0; 

the option 'lytebox' will not be shown in the dropdown.


At line 603 you find

Code:

$info['Effekt'] = 'Wie soll das Bild dargestellt werden: '.lb_change();

You can change the text to something you like, for example

Code:

$info['Effect'] = 'How to show the image: '.lb_change();

[Dylert]

Thanks a lot, Klas! It worked out well!