Jquery Lightbox [Support thread]

[bgallot]

I have an answer to my previous message !
The bug is due to the lightbox js when fixedNavigation is true.
An OK when fixedNavigation is false (you close correctly the image and stay on the product page).
I'm not abble to correct. If someone !
Script original (jquery.lightbox-0.5.js) is from line 261 for 1st image :
// Show the prev button, if not the first image in set
if ( settings.activeImage != 0 ) {
if ( settings.fixedNavigation ) {
$('#lightbox-nav-btnPrev').css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' })
.unbind()
.bind('click',function() {
settings.activeImage = settings.activeImage - 1;
_set_image_to_view();
return false;
});
} else {
// Show the images button for Next buttons (in fact prev button AND fixedNavigation:false)
$('#lightbox-nav-btnPrev').unbind().hover(function() {
$(this).css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' });
},function() {
$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
}).show().bind('click',function() {
settings.activeImage = settings.activeImage - 1;
_set_image_to_view();
return false;
});
}
}
Between I encouraged to fix the Fixed Navigation to FALSE

[guitarslinger]

Would just like to add that this Modification to the contribution has been VERY VERY good for me. The out of the box config seemed to break the water marks - now it is pulling them through nicely.

Works pretty well!

Here's an example.

http://www.richtonemusic.co.uk/guita...green-435.html

i recoded two files and everything "seems" to work with the lightbox and the ih2 watermarks.

additional_images

<?php
/**
 * additional_images module
 *
 * Prepares list of additional product images to be displayed in template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: additional_images.php 6132 2007-04-08 06:58:40Z drbyte $
 */
if (!defined('IS_ADMIN_FLAG')) {
  die('Illegal Access');
}

    
if (!defined('IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE')) define('IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE','Yes');
$images_array = array();

if ($products_image != '') {
  // prepare image name
  $products_image_extension = substr($products_image, strrpos($products_image, '.'));
  $products_image_base = str_replace($products_image_extension, '', $products_image);

  // if in a subdirectory
  if (strrpos($products_image, '/')) {
    $products_image_match = substr($products_image, strrpos($products_image, '/')+1);
    //echo 'TEST 1: I match ' . $products_image_match . ' - ' . $file . ' -  base ' . $products_image_base . '<br>';
    $products_image_match = str_replace($products_image_extension, '', $products_image_match) . '_';
    $products_image_base = $products_image_match;
  }

  $products_image_directory = str_replace($products_image, '', substr($products_image, strrpos($products_image, '/')));
  if ($products_image_directory != '') {
    $products_image_directory = DIR_WS_IMAGES . str_replace($products_image_directory, '', $products_image) . "/";
  } else {
    $products_image_directory = DIR_WS_IMAGES;
  }

  // Check for additional matching images
  $file_extension = $products_image_extension;
  $products_image_match_array = array();
  if ($dir = @dir($products_image_directory)) {
    while ($file = $dir->read()) {
      if (!is_dir($products_image_directory . $file)) {
        if (substr($file, strrpos($file, '.')) == $file_extension) {
          //          if(preg_match("/" . $products_image_match . "/i", $file) == '1') {
          if(preg_match("/" . $products_image_base . "/i", $file) == '1') {
            if ($file != $products_image) {
              if ($products_image_base . str_replace($products_image_base, '', $file) == $file) {
                //  echo 'I AM A MATCH ' . $file . '<br>';
                $images_array[] = $file;
              } else {
                //  echo 'I AM NOT A MATCH ' . $file . '<br>';
              }
            }
          }
        }
      }
    }
    if (sizeof($images_array)) {
      sort($images_array);
    }
    $dir->close();
  }
}

// Build output based on images found
$num_images = sizeof($images_array);
$list_box_contents = '';
$title = '';

if ($num_images) {
  $row = 0;
  $col = 0;
  if ($num_images < IMAGES_AUTO_ADDED || IMAGES_AUTO_ADDED == 0 ) {
    $col_width = floor(100/$num_images);
  } else {
    $col_width = floor(100/IMAGES_AUTO_ADDED);
  }

  for ($i=0, $n=$num_images; $i<$n; $i++) {
    $file = $images_array[$i];
    $products_image_large = str_replace(DIR_WS_IMAGES, DIR_WS_IMAGES . 'large/', $products_image_directory) . str_replace($products_image_extension, '', $file) . IMAGE_SUFFIX_LARGE . $products_image_extension;
    $flag_has_large = true;//file_exists($products_image_large);
    $products_image_large = ($flag_has_large ? $products_image_large : $products_image_directory . $file);
    $flag_display_large = (IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE == 'Yes' || $flag_has_large);
    $base_image = $products_image_directory . $file;
    $thumb_slashes = zen_image($base_image, addslashes($products_name), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
    // remove additional single quotes from image attributes (important!)
    $thumb_slashes = preg_replace("/([^\\\\])'/", '$1\\\'', $thumb_slashes);
    $thumb_regular = zen_image($base_image, $products_name, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
    $large_link = zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large);

    // Link Preparation:
    // bof jqzoom + jqlightbox
    if(JQZOOM_STATUS == 'true' || JQLIGHTBOX_STATUS == 'true'){
        $css_class = '';
        if(JQZOOM_STATUS == 'true')
            $css_class = 'jqzoomAdditional';
        if(JQLIGHTBOX_STATUS == 'true')
            $css_class .= ' jqlightbox';
        $css_class = trim($css_class);
    $script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . '<a href="'. zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_MAX_WIDTH, LARGE_IMAGE_MAX_HEIGHT) . '" class="'.$css_class.'">' . $thumb_slashes . '</a>\')'. "\n" . '//--></script>';
    }
    else 
    $script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . $large_link . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';
    // eof jqzoom + jqlightbox
    
    $noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '</noscript>';

    //      $alternate_link = '<a href="' . $products_image_large . '" onclick="javascript:popupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';

    $link = $script_link . "\n      " . $noscript_link;
    //      $link = $alternate_link;

    // List Box array generation:
    $list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
    'text' => "\n      " . $link);
    $col ++;
    if ($col > (IMAGES_AUTO_ADDED -1)) {
      $col = 0;
      $row ++;
    }
  } // end for loop
} // endif

main_product_image

<?php
/**
 * main_product_image module
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: main_product_image.php 4663 2006-10-02 04:08:32Z drbyte $
 */
if (!defined('IS_ADMIN_FLAG')) {
  die('Illegal Access');
}
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = ereg_replace($products_image_extension . '$', '', $products_image);
$products_image_medium = DIR_WS_IMAGES . 'medium/' . $products_image_base . IMAGE_SUFFIX_MEDIUM . $products_image_extension;
$products_image_large  = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE .  $products_image_extension;

  /*
    echo
    'Base ' . $products_image_base . ' - ' . $products_image_extension . '<br>' .
    'Medium ' . $products_image_medium . '<br><br>' .
    'Large ' . $products_image_large . '<br><br>';
  */
// to be built into a single variable string

[gsdcypher]

excellent! thanks for letting me know it worked. nice site...

[customk1]

ok, so i must be having an idiot kinda day... lol too much time in the sun playing disc golf this morning, musta fried a few brain cells!!

anyways, i have been going round and round on trying to find the image enhancer/viewer that was "right" for my site... and i really like yours! i must be doing something stupidly wrong though because i have it installed... uploaded the files.. YES, changed the template_default folder to match my own... it shows in my zen cart admin, i can change settings etc... but doesnt actually show on my site? images continue to open in a new window.

it should look something like what is on this page right? *which is the original version of the product that you packaged for zencart, if i am understanding correctly?*
http://leandrovieira.com/projects/jquery/lightbox/

any suggestions would be much appreciated!

link to product page example:
http://customk9design.com/catalogzen...&products_id=2

[bgallot]

ok, so i must be having an idiot kinda day... lol too much time in the sun playing disc golf this morning, musta fried a few brain cells!!

anyways, i have been going round and round on trying to find the image enhancer/viewer that was "right" for my site... and i really like yours! i must be doing something stupidly wrong though because i have it installed... uploaded the files.. YES, changed the template_default folder to match my own... it shows in my zen cart admin, i can change settings etc... but doesnt actually show on my site? images continue to open in a new window.

it should look something like what is on this page right? *which is the original version of the product that you packaged for zencart, if i am understanding correctly?*
http://leandrovieira.com/projects/jquery/lightbox/

any suggestions would be much appreciated!

link to product page example:
http://customk9design.com/catalogzen...&products_id=2

Hi customk1
The specific javascripts (jquery-1.2.6.min.js, jquery.lightbox-0.5.min.js, jquery.ondemand.js) are not present in your <head></head>.
Verify in your dir includes/template/darkness/jscript if you have all the jscripts include in the Yellow1912 addon...
May help

[customk1]

bg, thanks for your post... i do see those jscripts, but they are in a subfolder "jquery" of the "templates/darkness/jscripts" folder...

i will try moving them up a folder?

also, the names do not seem to be formatted correctly to zencart, where it is required that they be jscript_ondemand.js, instead they have "." or "-"...

i will try renaming them 1st, then try moving them...

any information/advice you can send my way would be appreciated!!!

thanks.

[customk1]

ok, i tried adding jscript_ to the files, for example:
jscript_jquery.ondemand.js

and also tried copying them out of the jscript subfolder, and into templates/darkness/jscript directly.. but still no luck...

any follow up would be appreciated! thanks.

[yellow1912]

bg, thanks for your post... i do see those jscripts, but they are in a subfolder "jquery" of the "templates/darkness/jscripts" folder...

i will try moving them up a folder?

also, the names do not seem to be formatted correctly to zencart, where it is required that they be jscript_ondemand.js, instead they have "." or "-"...

i will try renaming them 1st, then try moving them...

any information/advice you can send my way would be appreciated!!!

thanks.

Noooooooo

They are where they should be, with the names they should have. This module does not use the regular zencart jscript loader, it is much more smarter than that, it loads only when needed, not sitewide.
Do not move the files, do not rename them.

You must have missed some other files, such as some files in the auto_loaders folder etc...

[customk1]

hahahaha.. ok, so i feel like a kid that just got caught with the hand in the cookie jar! i promise yellow, i put everything back just the way i found it!! :)

i went back and re-uploaded all the files thru filezilla.. i did them folder by folder this time, not sure what was missed last time, but it is working now! thanks for a great mod.. it is much appreciated!! :)

im sure i'll have some more questions down the road, but thanks again for savin the day!

[customk1]

quick question... how can i change the color of the border from white to black? i see several references in the CSS to #666 and #fff but these are blue colors that i dont see in use anywhere?

i would like to change the border to black, and the text (image 1 of 4) to white.... i can edit the buttons myself in photoshop, just make those white on black also.

thanks!