Slimbox not working after upgrade to 1.2.6

I recently updated to Zenphoto 1.2.6 and the Slimbox feature quit working. The photos now load in a new window. I read other posts on the forum and was tipped off on navigating to Options> Image and ensuring that Full Image Protection is 'Unprotected' and that I have unchecked the "Disable Hotlinking" option. I was hoping that would have done the trick, however Slimbox is not opening when clicking on a photo. Does anyone have any input into why this might be happening?

Not sure if the information provided is sufficient to figure out the problem. Might be some setting within the admin that I don't know about. If you have some knowledge of what the problem might be, but require more information, then please let me know. Thanks.

Using Firefox 3.0.15 and IE 8.0.6001

Here is the site:
http://www.thegoldbrick.net/zenphoto

Here is the album.php:

Well, once again, I cannot get the backticks to show my "code" properly. Even with adding a space after it. Follow the link to my album.php

http://www.thegoldbrick.net/wp-content/uploads/2009/11/albumPHP.txt

Comments

  • try changing your `rel="lightbox[<? echo getAlbumTitle();?>]"` to something else like

    `rel="lightbox-<? echo getAlbumTitle();?>"`
    or even just
    `rel="lightbox-thumbs"`

    I am pretty sure I remember reading on the slimbox documentation that they suggest to avoid using brackets. Don't recall why though.
  • Well, I tested both of those and neither worked. I uploaded the latest mootools.js and slimbox.js to my theme directory and tested again. No luck. Any other thoughts on what might be causing this issue?
  • acrylian Administrator, Developer
    Note that Zenphoto uses jQuery by default for a long time and this might be a conflict between these two JS frameworks.
  • Should I utilize Slimbox2 instead?
  • acrylian Administrator, Developer
    Which "lightbox" script you use is actually your choice, there are so many of them. We have Thickbox bascially on board in case that helps.
  • Thanks. Let me work with Thickbox and see if I can get it working. However, the Thickbox 3.1 is no longer available for download. Should I be searching for it as it is no longer supported?

    By on board, do you mean that it is already included in Zenphoto and I simply need to activate it?
  • acrylian Administrator, Developer
    Thickbox is included in the Zenphoto release (`zp-core/js/`). See the zenpage-default theme for example how to include the needed files in your theme.

    I did get know a few days ago that the dev stopped maintaining, but it of course still works.

    You can of course try other jQuery-"box"-scripts as recommended on the Thickbox site but not all might work with Zenphoto's jQuery, which is not the current jQuery release because our backend drag and drop sorting JS does not work with the newer jQuery. We had no time to update that but that is on our list for one of the next releases though.
  • i simply can't get this working. can someone take a look at the code and see what the issue might be.

    ' <html>
    <head>

    <title><?php printGalleryTitle(); ?> | <?=getAlbumTitle();?></title>
    <link rel="shortcut icon" href="<?= $_zp_themeroot ?>/favicon.ico" type="image/x-icon">
    <link rel="icon" href="<?= $_zp_themeroot ?>/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="<?= $_zp_themeroot ?>/zen.css" type="text/css" />
    <link rel="stylesheet" href="http://www.thegoldbrick.net/zp-core/js/css/thickbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="<?= $_zp_themeroot ?>/scripts/bluranchors.js"></script>
    <script type="text/javascript" src="http://www.thegoldbrick.net/zp-core/js/jquery.js"></script>
    <script type="text/javascript" src="http://www.thegoldbrick.net/zp-core/js/thickbox.js"></script>
    <script type="text/javascript" language="Javascript">
    function WriteEmail(d, n) {
    document.write("");
    }
    </script>
    <?php zenJavascript(); ?>
    <META NAME="Keywords" CONTENT="the goldbrick, thegoldbrick, goldbrick, ryan, nerone, photography, photo, thailand, phuket, krabi, phang nga">
    <META NAME="Author" CONTENT="ryan nerone">
    </head>

    <body onload="blurAnchors()">

    <!-- Wrap Header -->
    <div id="header">

    <!-- Logo -->
    <div id="gallerytitle">
    <div id="logo">
    <h1>
    " title="Return to the Main Index"></h1>
    </div>
    </div>

    <!-- Crumb Trail Navigation -->
    <div id="wrapnav"><div id="navbar"><span>Browse Albums | </span> <?php printAlbumTitle(true);?></div></div>

    </div>

    <!-- Wrap Main Body -->
    <div id="content">
    <div id="main">

    <div id="images">
    <?php while (next_image()): ?>
    <div class="image"><div class="imagethumb">" rel="lightbox-<? echo getAlbumTitle();?>" title="<? echo getImageTitle();?>"><?php printCustomSizedImage(getImageTitle(),NULL,85,85,85,85); ?></div></div>
    <?php endwhile; ?>
    </div>

    <div class="clearage"></div>

    <!-- Album List -->
    <ul id="albums">
    <?php while (next_album()): ?>

    <div class="imagethumb">"><?php printCustomAlbumThumbImage(getAlbumTitle(), null, 300, null, 300, 150); ?></div>
    <h4>" title="View album: <?=getAlbumTitle();?>"><?php printAlbumTitle(); ?></h4>

    <?php endwhile; ?>

    <div class="clearage"></div>

    <!-- Album Description -->
    <div id="description">
    <?php printAlbumDesc(true); ?>
    </div>

    <!-- Page Numbers -->
    <div id="pagenumbers">
    <?php printPageListWithNav("« Previous", "Next »"); ?>
    </div>

    </div>
    <?php include("include/footer.php"); ?>
    </div>

    </body>
    </html>
    '
  • actually, i really want to keep the slimbox script. i am confused as to why it would not work on my theme, but if i activate the effervescence theme and use the slimbox theme personality, then it works just fine. seems that the slimbox should still work with my theme, but something is conflicting with it. any thoughts?
  • acrylian Administrator, Developer
    First error is possibly that you include another jQuery that is also already called with `<?php zenJavascript(); ?>`. This might cause conflicts. Note also that Zenphoto uses the older jQuery version as it is currently require because of some dependencies.
  • removed that line, but no luck. unfortunately, troubleshooting from my side is pretty much exhausted. i really don't know what else to do. i have no problem using another "lightbox" script that is compatible, but implementing them into my page has been rather confusing. i.e. colorbox and ceebox. my level of understanding is rather low to be honest, so all the help is appreciated.
  • Just a note on this Ryan. I'm currently using slimbox 2 on my theme, both from the album page and the image page. At one point I added some <script> code from blogplay.com for the sociable interaction with facebook/myspace/etc and my slimbox stopped working. It took me a day or so to realize it had stopped so I had to start stepping backwards through the recent changes I had made. Once I removed it, the slimbox returned to functioning.

    I would begin by taking a look at any excess javascript (aside from the default zenphoto stuff) as the first step.

    I'd also like to point you at slimbox 2 (as you earlier mentioned you were just using slimbox, not sure if you've upgraded it yet). I'm currently using slimbox2 and it handles the protectedimage url's just fine. I know some people were having issues with fullprotected images and other box-scripts.
  • thanks a million. gave the slimbox2 a test and it worked! i tested in firefox 3.0.15 and IE 8.0.6001. could you navigate to the site and do a simple test for me also?

    http://www.thegoldbrick.net/zenphoto
  • Yup, it appears to be working correctly. Glad I could help.
Sign In or Register to comment.