Member
Hi
I have activated the colorbox plugin but still a little lost as how to get my images opening within this effect.
Has anyone actually added this and the required code to there websites?
Cheers
John
I have activated the colorbox plugin but still a little lost as how to get my images opening within this effect.
Has anyone actually added this and the required code to there websites?
Cheers
John
Administrator
As told numerous times on this forum as well, you need to modify your theme as well. The plugin only loads the necessary scripts but does NOT add any define to actually use the Colorbox. The Colorbox can be configured in so many different ways that we choose not to preconfigure it. See the colorbox website for info on this and also look at for example the Zenpage theme's image.php.
Member
Member
Hi
Thanks for the link Laurent - I have tried that previously but it did'nt work, will have to have another go.
acrylian, I knew it would annoy you sorry! but no one seems to have solved this themselves with the various forum and google searches I have done.
Cheers
John
Thanks for the link Laurent - I have tried that previously but it did'nt work, will have to have another go.
acrylian, I knew it would annoy you sorry! but no one seems to have solved this themselves with the various forum and google searches I have done.
Cheers
John
Administrator
Member
Hi
When you activate colorbox should the image.php file part
// <!-- <![CDATA[
$(document).ready(function(){
$(".colorbox").colorbox({inline:true, href:"#imagemetadata"});
});
// ]]> -->
become
$(document).ready(function(){
$(".colorbox").colorbox({inline:true, href:"#imagemetadata"});
});
Cheers
John
When you activate colorbox should the image.php file part
// <!-- <![CDATA[
$(document).ready(function(){
$(".colorbox").colorbox({inline:true, href:"#imagemetadata"});
});
// ]]> -->
become
$(document).ready(function(){
$(".colorbox").colorbox({inline:true, href:"#imagemetadata"});
});
Cheers
John
Administrator
Member
[b]OP[/b] - Hopefully this helps..I did customize the way colorbox works on the zenphoto section of my website, instead of having a slideshow open from the image page I wanted to open colorbox from the album thumb page. I was able to accomplish this using the code examples below.
The first code listed below is modified code added in the <head> section of album.php, basically just added the rel=showcase part of this code snippet by following an example from the colorbox website.
The second code below is in the <body> section of album.php and is a combination of the image.php code used to start colorbox and the album.php code used to create thumbnails. This code was modified using existing zenphoto php tags.
Also modified the colorbox css file to match my existing website design. You can see a working example at http://www.warrendiggles.com/photography/
`
<head>
<script type="text/javascript">
// <!-- <![CDATA[
$(document).ready(function(){
$(".colorbox").colorbox({inline:true, href:"#imagemetadata"});
$("a[rel='showcase']").colorbox({transition:"none", width:"75%", height:"700px"});});
// ]]> -->
</script>
</head>
`
`
<body>
<?php while (next_image()): ?>
<table class="album">
<tr>
<td class="imagethumb" valign="middle">
"><?php printImageThumb(getAnnotatedImageTitle()); ?>
</td>
</tr>
</table>
<?php endwhile; ?>
</body>
`
The first code listed below is modified code added in the <head> section of album.php, basically just added the rel=showcase part of this code snippet by following an example from the colorbox website.
The second code below is in the <body> section of album.php and is a combination of the image.php code used to start colorbox and the album.php code used to create thumbnails. This code was modified using existing zenphoto php tags.
Also modified the colorbox css file to match my existing website design. You can see a working example at http://www.warrendiggles.com/photography/
`
<head>
<script type="text/javascript">
// <!-- <![CDATA[
$(document).ready(function(){
$(".colorbox").colorbox({inline:true, href:"#imagemetadata"});
$("a[rel='showcase']").colorbox({transition:"none", width:"75%", height:"700px"});});
// ]]> -->
</script>
</head>
`
`
<body>
<?php while (next_image()): ?>
<table class="album">
<tr>
<td class="imagethumb" valign="middle">
"><?php printImageThumb(getAnnotatedImageTitle()); ?>
</td>
</tr>
</table>
<?php endwhile; ?>
</body>
`
Member
Thanks I will have a go with your code and report back!
John
John
Member
Hello,
I have an similar problem: I want to show my full images with colorbox, so I modified my image.php like this:
http://www.file-upload.net/download-3517928/image.zip.html
I don't know if I messed up anything, it seems to function. My goal is that the full images open with colorbox and have navigation buttons for the current album, but I have no idea how to do that. I don't know much about php and don't have the time to learn it from scratch, so I would be very happy if someone could post some code examples. Currently I'm using the default theme with modified colors to match my website. I just need to know what code i have to modify in the image.php to open my full resolution images with colorbox with navigation buttons in it.
Best regards and thanks for your patience ;-),
Christoph
Zenphoto is so great - I have no alternative for it!
I have an similar problem: I want to show my full images with colorbox, so I modified my image.php like this:
http://www.file-upload.net/download-3517928/image.zip.html
I don't know if I messed up anything, it seems to function. My goal is that the full images open with colorbox and have navigation buttons for the current album, but I have no idea how to do that. I don't know much about php and don't have the time to learn it from scratch, so I would be very happy if someone could post some code examples. Currently I'm using the default theme with modified colors to match my website. I just need to know what code i have to modify in the image.php to open my full resolution images with colorbox with navigation buttons in it.
Best regards and thanks for your patience ;-),
Christoph
Zenphoto is so great - I have no alternative for it!
Administrator
Well, you need to change the links on the album.php pages thumbnails to use the full image link functions insted of the image page function.
The basic strucuture of how Zenphoto themes work is told on the theming tutorial. If you want to modify something you need to learn a few things yourself. You don't need to learn PHP itself for such small changes...
The basic strucuture of how Zenphoto themes work is told on the theming tutorial. If you want to modify something you need to learn a few things yourself. You don't need to learn PHP itself for such small changes...
Member
wdiggles, you are great!!!, it works, thank you for sharing your code.
Its not easy work with colorbox in Zenphoto (not for people who doesn't know nothing about .php, like me) Your code here is an usefull step by step tutorial. I miss this kind of easy information in Zenphoto user guide
(sorry bad english)
Its not easy work with colorbox in Zenphoto (not for people who doesn't know nothing about .php, like me) Your code here is an usefull step by step tutorial. I miss this kind of easy information in Zenphoto user guide
(sorry bad english)
Administrator
How to setup a colorbox is explained in detail on its own project site and how themes work we have detailed. A little general web knowledge is not avoidable.
Sorry, we really can't have all things on the user guide partly because it is not necessary and due to lacking resources. Everyone is invited to help as noted on our "Get involved" page.
Sorry, we really can't have all things on the user guide partly because it is not necessary and due to lacking resources. Everyone is invited to help as noted on our "Get involved" page.
Member
Sorry Acrylian, I would not like to be ingrate. Zenphoto is a wonderfull gallery, maybe the best. Thanks for sharing and for your work. But, not everybody knows how to edit code (js or php); with some specific tutorials Zenphoto would be open to more people (and colorbox-plugin needs one...just one user's opinion)
I have no time for learn all about how themes work just to install a plugin.It would be great, but it´s not possible for me
Thanks anyway
Have a great day
I have no time for learn all about how themes work just to install a plugin.It would be great, but it´s not possible for me
Thanks anyway
Have a great day
Administrator
Sorry if it sounded like I was offensed. I really was not, just trying to explain why we don't, can't and won't have tutorials for everything. T
[i]I have no time for learn all about how themes work just to install a plugin[/i]
It is just that if you want to self host a site using a CMS (more complicated but with benefits than just a plain html page) and then want to do some custom stuff you always need to learn a few things. Colorbox and its usage is widely documentated on its own project site. Of course you need to understand the web technique basics first.
See, we both have the the same problem. We sadly have no time and resources to post tutorial for every bit of code that someone might not have knowledge about. I am sorry.
In some cases if you have don't have the time (or some surely not hte interesst) the best is either to hire someone who does or use some convenient hosted service. You can't have all.
[i]I have no time for learn all about how themes work just to install a plugin[/i]
It is just that if you want to self host a site using a CMS (more complicated but with benefits than just a plain html page) and then want to do some custom stuff you always need to learn a few things. Colorbox and its usage is widely documentated on its own project site. Of course you need to understand the web technique basics first.
See, we both have the the same problem. We sadly have no time and resources to post tutorial for every bit of code that someone might not have knowledge about. I am sorry.
In some cases if you have don't have the time (or some surely not hte interesst) the best is either to hire someone who does or use some convenient hosted service. You can't have all.
Member
hi
the zpardoise theme includes an option to use colorbox in album page.
the code is closed to that given by wdiggles.
you can use the theme or the code as an example
the zpardoise theme includes an option to use colorbox in album page.
the code is closed to that given by wdiggles.
you can use the theme or the code as an example