This is an old version of this answer!
Return to the current answerActually, the correct fix seems to be to use "auto" instead of "100%" for the columnWidth along with Utkarsh's jQuery solution. If you replace your script.js file with the following code it should work without error:
jQuery.noConflict();
jQuery(function(){
jQuery('span.view-large').hide();
myOp = 1;
jQuery(window).load(function(){
// Grid jQuery plugin: http://desandro.com/resources/jquery-masonry/
jQuery('#sort').masonry({
columnWidth: auto,
animate: true,
itemSelector: '.box'
//easing: 'linear'
},
function() { jQuery(this).css({
margin: '10px'
});
});
// MouseOver Events
jQuery('.box').hover(function(){
jQuery('img', this).fadeTo("fast", 0.75).addClass('box-hover');
jQuery('span.view-large', this).fadeTo("fast", 1)},
function(){
jQuery('img', this).fadeTo("fast", myOp).removeClass('box-hover');
jQuery('span.view-large', this).fadeTo("fast", 0)
});
// Colorbox
jQuery("a[rel='gallery']").colorbox();
});
});
jQuery(document).ready(function(){
jQuery('div.box').each(function(){
var width = jQuery(this).find('img').width();
jQuery(this).width(width);
});
});
Jonah Schulte | 08/10/10 at 11:58am





