--- a/js/jquery.galleriffic.js +++ b/js/jquery.galleriffic.js @@ -628,7 +628,7 @@ var gallery = this; var nextIndex = this.getNextIndex(imageData.index); - +/*//JJM: original code commented out so that when clicking on the Slide image it instead of moving to the next slide it places the current image in a Colorbox popup window // Construct new hidden span for the image var newSlide = this.$imageContainer .append('') @@ -639,6 +639,29 @@ .click(function(e) { gallery.clickHandler(e, this); }); +*/ +//JJM: new code so that when clicking on the Slide image it instead of moving to the next slide it places the current image in a Colorbox popup window + // Construct new hidden span for the image + var imagesrc = imageData.image.src; + imagesrc = imagesrc.replace("/styles/galleriffic_slide/public", "");//added JJM to patch so that popup is based on the original full-size image instead of the cropped image + var newSlide = this.$imageContainer + .append('') +// .append('') +// .append('') + .find('span.current').css('opacity', '0'); + + newSlide.find('a') + .append(imageData.image) + .click(function(e) { + e.preventDefault(); +// $("a[rel=gallery-all]").colorbox({rel:'gallery-all'}); +// $('a.colorbox[rel="gallery-all"]').colorbox({rel:'gallery-all'}); +// $('a.colorbox').colorbox({rel:'gallery-node-3585'}); +// $('a.colorbox').colorbox({rel:'gallery-all'}); + $('a.colorbox').colorbox(); +// $('a.colorbox').colorbox({width:817, height:500}); + }); +//JJM: end of new code so that when clicking on the Slide image it instead of moving to the next slide it places the current image in a Colorbox popup window var newCaption = 0; if (this.$captionContainer) {