logo

This is an old version of this answer!

Return to the current answer
Actually, 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

This is an old version of this answer!

Return to the current answer