Member
Member
reddduke   07-12-2016, 13:57
#1

Hello, I use Zenphoto V 1.4.11 and Theme zpBootstrap V 1.4.6

It is a great theme, but is there a possibility to to display the full size image with Colorbox in Image page?
Only the slideshow is using colorbox.

Kind regards,Ria.
www.redduke.org

Administrator
Administrator
fretzl   07-12-2016, 14:54
#2

Try something like this:

In image.php change
`

`
to

`

,
slideshowStart: '',
slideshowStop: '',
previous: '',
next: '',
close: '',
current : "image {current} / {total}",
maxWidth: "95%",
maxHeight: "95%",
photo: true
});
});
`
to

`
$(document).ready(function() {
$("a[rel='slideshow']").colorbox({
slideshow: true,
slideshowSpeed: ,
slideshowStart: '',
slideshowStop: '',
previous: '',
next: '',
close: '',
current : "image {current} / {total}",
maxWidth: "95%",
maxHeight: "95%",
photo: true
});

$("a.colorbox").colorbox({
previous: '',
next: '',
close: '',
maxWidth: "95%",
maxHeight: "95%",
photo: true
});
});
`

Member
Member
reddduke   07-12-2016, 17:47
#3

Thanks for your quick response.
I will immediately get to work :)

Kind regards, Ria.
www.redduke.org

Administrator
Administrator
fretzl   10-12-2016, 12:12
#4

Sorry, I made a mistake. I was looking at an older version of the theme.

The change in image.php is still ok, but in inc-header.php add this code right before the closing `` tag:

`

//

`

Member
Member
reddduke   10-12-2016, 18:43
#5

fretzl,
It works fine with image page, but I made also a mistake :(

Something went wrong in 'google translation'... sorry!

The right question: Is there a possibility to to display the full size image with Colorbox in the album page by clicking the thumbnail?
Zenphoto V 1.4.11 and Theme zpBootstrap V 1.4.6

Kind regards,Ria.
www.redduke.org

Administrator
Administrator
acrylian   10-12-2016, 20:52
#6

It is but you then have to modify the theme. I don't have the theme in front of me right now. But basically you need to replace the image link to the image page within the next_image loop on the theme's album.php with that of the full image url.

Then attach the colorbox class to the link and the rel attribute to trigger the gallery grouping mode (if you do this people will not be able to link specific images anymore of course, although the image page still exists). Then also add rel:' - the value you set - '` to the js define above. (info also here: http://www.jacklmoore.com/colorbox/).

Note that this will only work for the current page if you use paginated thumbs.

  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.