Member
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"><a>"
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.</a>
<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"><a>"
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.</a>
Member
Member
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('', ' | '); ?><a>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?></a> | <?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">
<a>" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?></a>
</div>
<div class="albumdesc">
<h3><a>" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?></a></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"><a>" rel="lightbox" title="<?php echo getImageTitle();?>"> <?php printImageThumb(getImageTitle()); ?></a></div>
</div>
<?php endwhile; ?>
</div>
<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('[b]Tags:[/b]').' ', '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'), ''); ?> | <a>?p=archive"><?php echo gettext("Archive View"); ?></a> | <?php echo gettext("Powered by"); ?> ">zenphoto</div>
<?php printAdminToolbox(); ?>
</body>
</html>
<?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('', ' | '); ?><a>" title="<?php echo gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?></a> | <?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">
<a>" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?></a>
</div>
<div class="albumdesc">
<h3><a>" title="<?php echo gettext('View album:'); ?> <?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?></a></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"><a>" rel="lightbox" title="<?php echo getImageTitle();?>"> <?php printImageThumb(getImageTitle()); ?></a></div>
</div>
<?php endwhile; ?>
</div>
<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('[b]Tags:[/b]').' ', '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'), ''); ?> | <a>?p=archive"><?php echo gettext("Archive View"); ?></a> | <?php echo gettext("Powered by"); ?> ">zenphoto</div>
<?php printAdminToolbox(); ?>
</body>
</html>
Member
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:
`"><?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.
`"><?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.
Member
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.
Again, thanks for your time.
Member
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();?>`
So change this:
`<?php echo htmlspecialchars(getImageLinkURL());?>`
to this:
`<?php echo getFullImageURL();?>`
Member
`<?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="gallerytitle">
<?php printHomeLink('', ' | '); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>
<?php printAlbumDesc(true); ?>
<div id="albums">
<?php while (next_album()): ?>
<div class="album">
<div class="thumb">
<?php echo getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>
<?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?>
<small><?php printAlbumDate(""); ?></small>
<?php printAlbumDesc(); ?>
<p style="clear: both; ">
</div>
<?php endwhile; ?>
</div>
<?php while (next_image(false, $firstPageImages)): ?>
<div class="image">
<div class="imagethumb">"><?php printImageThumb(getImageTitle()); ?>
</div>
<?php endwhile; ?>
</div>
<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('[b]Tags:[/b]').' ', 'taglist', ''); ?>
</div>
<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>
<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>
</div>
<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | <?php echo gettext("Archive View"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto
<?php printAdminToolbox(); ?>
</body>
</html>`
Thats what I have now. Still doesn't grab the image.
<!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="gallerytitle">
<?php printHomeLink('', ' | '); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>
<?php printAlbumDesc(true); ?>
<div id="albums">
<?php while (next_album()): ?>
<div class="album">
<div class="thumb">
<?php echo getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>
<?php echo getAlbumTitle();?>"><?php printAlbumTitle(); ?>
<small><?php printAlbumDate(""); ?></small>
<?php printAlbumDesc(); ?>
<p style="clear: both; ">
</div>
<?php endwhile; ?>
</div>
<?php while (next_image(false, $firstPageImages)): ?>
<div class="image">
<div class="imagethumb">"><?php printImageThumb(getImageTitle()); ?>
</div>
<?php endwhile; ?>
</div>
<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('[b]Tags:[/b]').' ', 'taglist', ''); ?>
</div>
<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>
<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>
</div>
<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | <?php echo gettext("Archive View"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto
<?php printAdminToolbox(); ?>
</body>
</html>`
Thats what I have now. Still doesn't grab the image.
Member
Member
I owe you a virtual beer. That did the trick. Makes sense now, Im kicking myself for overlooking that. Thank you very much!
Member
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php zenJavascript(); ?>
<title><?php echo strip_tags(getGalleryTitle()); ?> | <?php echo strip_tags(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"
</head>
<body>
<div id="gallerytitle">
<?php printHomeLink('', ' | '); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>
<?php printAlbumDesc(true); ?>
<div id="albums">
<?php while (next_album()): ?>
<div class="album">
<div class="thumb">
<?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>
<?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumTitle(); ?>
<small><?php printAlbumDate(""); ?></small>
<?php printAlbumDesc(); ?>
<p style="clear: both; ">
</div>
<?php endwhile; ?>
</div>
<?php while (next_image(false, $firstPageImages)): ?>
<div class="image">
<div class="imagethumb">"><?php printImageThumb(getImageTitle()); ?>"><?php printImageThumb(getImageTitle()); ?>
</div>
<?php endwhile; ?>
</div>
<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('[b]Tags:[/b]').' ', 'taglist', ''); ?>
</div>
<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>
<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>
</div>
<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | <?php printCustomPageURL(gettext("Archive View"),"archive"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto
<?php printAdminToolbox(); ?>
</body>
</html>`
Please help the clueless PHP newbie. ;)
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php zenJavascript(); ?>
<title><?php echo strip_tags(getGalleryTitle()); ?> | <?php echo strip_tags(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"
</head>
<body>
<div id="gallerytitle">
<?php printHomeLink('', ' | '); ?>"><?php echo getGalleryTitle();?> | <?php printParentBreadcrumb(); ?> <?php printAlbumTitle(true);?>
<?php printAlbumDesc(true); ?>
<div id="albums">
<?php while (next_album()): ?>
<div class="album">
<div class="thumb">
<?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumThumbImage(getAlbumTitle()); ?>
<?php echo strip_tags(getAlbumTitle());?>"><?php printAlbumTitle(); ?>
<small><?php printAlbumDate(""); ?></small>
<?php printAlbumDesc(); ?>
<p style="clear: both; ">
</div>
<?php endwhile; ?>
</div>
<?php while (next_image(false, $firstPageImages)): ?>
<div class="image">
<div class="imagethumb">"><?php printImageThumb(getImageTitle()); ?>"><?php printImageThumb(getImageTitle()); ?>
</div>
<?php endwhile; ?>
</div>
<?php printPageListWithNav("« ".gettext("prev"), gettext("next")." »"); ?>
<?php printTags('links', gettext('[b]Tags:[/b]').' ', 'taglist', ''); ?>
</div>
<?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>
<?php if (function_exists('printAlbumRating')) { printAlbumRating(); }?>
</div>
<?php printRSSLink('Album', '', gettext('Album RSS'), ''); ?> | <?php printCustomPageURL(gettext("Archive View"),"archive"); ?> | <?php echo gettext("Powered by"); ?> ">zenphoto
<?php printAdminToolbox(); ?>
</body>
</html>`
Please help the clueless PHP newbie. ;)
Member
Junior Member
Member
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.
Administrator
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.
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.