Home› General support

ColorBox

seroxatmad Member
in General support
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

Comments

  • acrylian Administrator, Developer
    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.
  • Laurent Member
    Maybe here :
    `http://www.zenphoto.org/support/topic.php?id=9294`

    Laurent
  • seroxatmad 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
  • acrylian Administrator, Developer
    I am not annoyed actually. I just wanted to point out that we had this topic several times before.
  • seroxatmad 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
  • acrylian Administrator, Developer
    There is no difference between the two code examples, the first is just escaped. This is the standard JS code for opening the meta data in a Colorbox. You need to add more defines to open an image.
  • wdiggles Member
    OP - 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/

    `



    //



    `
    `


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

    " rel="showcase" title="<?php echo getBareImageTitle();?>"><?php printImageThumb(getAnnotatedImageTitle()); ?>
    <?php endwhile; ?>


    `
  • seroxatmad Member
    Thanks I will have a go with your code and report back!

    John
  • muelli 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!
  • acrylian Administrator, Developer
    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...
  • aledarbo 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)
  • acrylian Administrator, Developer
    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.
  • aledarbo 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
  • acrylian Administrator, Developer
    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 have no time for learn all about how themes work just to install a plugin
    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.
  • vincent3569 Member, Translator
    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
Sign In or Register to comment.