Move image navigation
-
Hello,
thank you so much for this great theme.
There is one thing i was wondering about. Is it possible to place the image navigation ("previous image", "next image", "slideshow") which is on the right side of the image on the image page at the moment above or below the image? So there is more width for the image and the image could be wider ( 940px instead of 589px).
I created a custom homepage. Another thing i'd like to know is, Is it possible to remove "latest comments", "latest news" and "latest images" from this page?
Thanks in advance
Tyrannski -
Regarding making the image page one column, that would be an extensive rewrite of the html/css, so it is a little beyond the capabilities of this support forum.
On the second inquiry, in pages.php change:<?php include ("inc-bottom.php"); ?>
to:<?php if (!$ishomepage) include ("inc-bottom.php"); ?>
or just delete the line all together to remove these on ALL "pages". -
hello gjr,
thank you for your reply. I managed to remove "latest comments" etc as you suggested.
I understand, that making the image page one column would require a lot of coding. Would it be possible then to make the image click-able, so that on click an popup (like slideshow) would open and show the original sized (full sized) image?
Thank you for your support.
Kind regards
tyrannski -
You can try this (haven't tested):
in inc-header.php insert this just below the other prettyphoto script set:<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a.popup]").prettyPhoto({
slideshow: false,
social_tools: false
});
});
</script>
Then on image.php around line 32, find:printCustomSizedImage(getBareImageTitle(),$size,null,null,null,null,null,null,'remove-attributes');
and replace with:<a class="popup" href="<?php echo htmlspecialchars(getUnprotectedImageURL()); ?>" title="<?php echo getBareImageTitle();?>">
<?php printCustomSizedImage(getBareImageTitle(),$size,null,null,null,null,null,null,'remove-attributes'); ?>
</a> -
thank you for your fast response.
I insertet the script code into /themes/zpskeleton/inc-header.php and replaced
<?php if ($zpskel_ismobile) { $size = 420; } else { $size = 630; } printCustomSizedImage(getBareImageTitle(),$size,null,null,null,null,null,null,'remove-attributes'); ?>
with
" title="<?php echo getBareImageTitle();?>">
<?php printCustomSizedImage(getBareImageTitle(),$size,null,null,null,null,null,null,'remove-attributes'); ?>
When i now click on the image the original image.jpg opens in the same browser window.
Is it possible to have the image open in an popup box similar to the slideshow box?
Kind regards
tyrannski -
Ah, just checked the prettyphoto docs and I guess you cannot hook the photo in with a class, you have to use a "rel". You also do not need to use another document.ready. So the entire script tag under the call to prettyphoto.js shoudl be:
<script charset="utf-8" type="text/javascript">
$(document).ready(function(){
$("a[rel^='slideshow']").prettyPhoto({
slideshow: 5000, /* false OR interval time in ms */
autoplay_slideshow: true, /* true/false */
social_tools: false
});
$("a[rel^='popup']").prettyPhoto({
slideshow: false,
social_tools: false
});
});
</script>
Then change your link on image.php: remove the class="popup" and add rel="popup".
