Slimbox in Default Theme?

trevor51590 · July 2008

So I added these to the head of my album.php:

<script type="text/javascript" src="/themes/default/js/mootools.js"></script>
<script type="text/javascript" src="/themes/default/js/slimbox.js"></script>
<link rel="stylesheet" href="/themes/default/css/slimbox.css" type="text/css" media="screen" />

And I added:
rel="lightbox"

after
<div class="imagethumb">"

Whenever I click an image now, I just see the loading screen and no image comes up. I have tried quite a few things to get it to work to no avail. Any help is kindly appreciated.

krainbolt · July 2008

Make sure you add those lines after the zenJavascript call.

http://www.zenphoto.org/support/topic.php?id=3036&replies=14#post-18396

trevor51590 · July 2008

Thanks for the quick reply. I do have those after the call. Here is my album.php:

<?php if (!defined('WEBPATH')) die(); $themeResult = getTheme($zenCSS, $themeColor, 'light'); $firstPageImages = normalizeColumns('2', '6');?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php zenJavascript(); ?>
<title><?php printGalleryTitle(); ?> | <?php echo getAlbumTitle();?></title>
<link rel="stylesheet" href="<?php echo $zenCSS ?>" type="text/css" />
<?php printRSSHeaderLink('Album',getAlbumTitle()); ?>

<script type="text/javascript" src="/themes/default/js/mootools.js"></script>
<script type="text/javascript" src="/themes/default/js/slimbox.js"></script>
<link rel="stylesheet" href="/themes/default/css/slimbox.css" type="text/css" media="screen" />
</head>

<body>

<div id="main">

<div id="gallerytitle">
<h2><span><?php printHomeLink('', ' | '); ?>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?></span> <?php printAlbumTitle(true);?></h2>
</div>

<div id="padbox">

<?php printAlbumDesc(true); ?>

<div id="albums">
<?php while (next_album()): ?>
<div class="album">

<div class="thumb">
" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>
</div>
<div class="albumdesc">
<h3>" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?></h3>
<small><?php printAlbumDate(""); ?></small>
<?php printAlbumDesc(); ?>
</div>
<p style="clear: both; ">
</div>
<?php endwhile; ?>
</div>

<div id="images">
<?php while (next_image(false, $firstPageImages)): ?>
<div class="image">
<div class="imagethumb">" rel="lightbox" title="<?php echo getImageTitle();?>"> <?php printImageThumb(getImageTitle()); ?></div>
</div>
<?php endwhile; ?>

</div>

<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('Tags:').' ', 'taglist', ''); ?>

</div>
<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>
<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>

</div>

<div id="credit"><?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | ?p=archive"><?php echo gettext("Archive View"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto</div>

<?php printAdminToolbox(); ?>

</body>
</html>

krainbolt · July 2008

You didn't post that code into a "CODE" block, so I'm not sure if I'm seeing your actual code or not. The code following the div class="imagethumb" should look like the following:

`" rel="lightbox" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>`

Also make sure you have the correct path to the slimbox images folder in your slimbox.css file.

If you still have a problem, send me the URL for the website.

trevor51590 · July 2008

Sorry about not blocking the code. I checked the code and still no dice. I checked slimbox.css but no changes should be necessary because the image files are with the css file in the same directory. The site is http://s249238046.onlinehome.us for the time being (domain hasn't gone through yet.) It almost seems like its something with the link not wanting to grab the image.

Again, thanks for your time.

krainbolt · July 2008

Oh, I guess I wasn't paying close enough attention before. You are bypassing the image.php page altogether. You'll need to change HREF to point to the image location instead of the image page.

So change this:
`<?php echo htmlspecialchars(getImageLinkURL());?>`

to this:
`<?php echo getFullImageURL();?>`

trevor51590 · July 2008

`<?php if (!defined('WEBPATH')) die(); $themeResult = getTheme($zenCSS, $themeColor, 'light'); $firstPageImages = normalizeColumns('2', '6');?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">

<?php zenJavascript(); ?>

<?php printGalleryTitle(); ?> | <?php echo getAlbumTitle();?>

" type="text/css" />

<?php printRSSHeaderLink('Album',getAlbumTitle()); ?>

<?php printHomeLink('', ' | '); ?>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>

<?php printAlbumDesc(true); ?>

<?php while (next_album()): ?>

" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>

" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?>

<?php printAlbumDate(""); ?>

<?php printAlbumDesc(); ?>

<?php endwhile; ?>

<?php while (next_image(false, $firstPageImages)): ?>

" rel="lightbox" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>

<?php endwhile; ?>

<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>

<?php printTags('links', gettext('<strong>Tags:').' ', 'taglist', ''); ?>

<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>

<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>

<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | ?p=archive"><?php echo gettext("Archive View"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto

<?php printAdminToolbox(); ?>

`

Thats what I have now. Still doesn't grab the image.

krainbolt · July 2008

That's odd - there is no output from the getFullImageURL() function in your generated page. Make sure image protection isn't enabled. Go into Admin and look under Options->Image Display. Set "Full image protection" to Unprotected and uncheck Disable Hotlinking.

trevor51590 · July 2008

I owe you a virtual beer. That did the trick. Makes sense now, Im kicking myself for overlooking that. Thank you very much!

klw81 · August 2008

Sorry to bring up an old topic again but I am trying to do this also and I am not having any luck. I did what was suggested here but it's not working. I'm not very familiar with PHP coding however so I'm sure there is something that I missed. I unchecked the "Disable hotlinking" box and it still didn't work. Also it's putting two of each thumbnail in my albums. When I click on them it just takes me to the full size image, not the lightbox effect.

Here is my album.php code:

`<?php if (!defined('WEBPATH')) die(); $themeResult = getTheme($zenCSS, $themeColor, 'light'); $firstPageImages = normalizeColumns('2', '6');?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php zenJavascript(); ?>

<?php echo strip_tags(getGalleryTitle()); ?> | <?php echo strip_tags(getAlbumTitle());?>

" type="text/css" />

<?php printRSSHeaderLink('Album',getAlbumTitle()); ?>

<?php printHomeLink('', ' | '); ?>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>

<?php printAlbumDesc(true); ?>

<?php while (next_album()): ?>

" title="<?php echo gettext('View album:'); ?> <?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>

" title="<?php echo gettext('View album:'); ?> <?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumTitle(); ?>

<?php printAlbumDate(""); ?>

<?php printAlbumDesc(); ?>

<?php endwhile; ?>

<?php while (next_image(false, $firstPageImages)): ?>

" rel="lightbox" title="<?php echo getImageTitle();?>"><?php printImageThumb(getImageTitle()); ?>" title="<?php echo strip_tags(getImageTitle());?>"><?php printImageThumb(getImageTitle()); ?>

<?php endwhile; ?>

<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>

<?php printTags('links', gettext('<strong>Tags:').' ', 'taglist', ''); ?>

<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>

<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>

<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | <?php printCustomPageURL(gettext("Archive View"),"archive"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto

<?php printAdminToolbox(); ?>

`

Please help the clueless PHP newbie.

klw81 · August 2008

Ignore my previous post, I actually just figured it out. I needed to take the first / from the script path.

DanF89 · August 2008

Does anybody know how to make the previous and next functions work in Slimbox when integrating it in ZP as described here?

klw81 · September 2008

Can somebody please help? I would like to know how to make the previous and next functions work as well. I posted a topic about this but have not received any replies. I realize this may be more of a Slimbox question, but they don't have a forum that I can find, and I don't know where else to ask it. My code is still the same as above.

acrylian · September 2008

Instead of just rel="lightbox" you have to give it a group name like rel="lightbox[atomium]". Clearly written on http://www.digitalia.be/software/slimbox... (and actually the same for those lightboxes scripts)..:-)

Of course this will only work for the thumbnail page you are currently on, it will not included following thumbnail pages. (it will start again there). Unless you set the thumbs per page to fit all the images you have on one page.

klw81 · September 2008

Thanks, I did see that on their site, and I understood how to do that if it was HTML but I wasn't sure with zenphoto if it was the same. I just tried it however and it worked. Thanks again

Zenphoto

Quick Links

Categories

Problems? Lost?

Need project help?

Like using Zenphoto? Donate!

Slimbox in Default Theme?

Comments

<?php printHomeLink('', ' | '); ?>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>

" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?>

<?php printHomeLink('', ' | '); ?>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>

" title="<?php echo gettext('View album:'); ?> <?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumTitle(); ?>

RSS feeds!

Social networks

Join the Google Group!

Information

Legal stuff