Problema con ISOTOPE

[pricant]

Buongiorno,
ho un problema con Isotope che uso in un sito per ordinare delle immagini, in pratica riesco a fare tutto (filtraggio, diversi layout, ...) ma ogni volta che apro la pagina in questione le immagini risultano come racchiuse in un div una sopra l'altra e appena ridimensiono la finestra del browser ecco che magicamente si animano e si dispongono ordinate...

se serve posso copiare codice o link al sito.
Grazie

[cavicchiandrea]

Ho un problema quale?

[pricant]

Come ho scritto di seguito appena apro la pagina in questione (dove dovrebbero comparire tutte le immagini ordinate) ritrovo le immagini una sopra l'altra...appena allargo o restringo la dimensione del browser (o clicco su uno dei filtri) le immagini si dispongono come dovrebbero...

http://www.pfmartini.altervista.org/grafica.html

Questa è la pagina in questione

Grazie

[cavicchiandrea]

Boh... continuo a non capire il problema js che riscontri tu (che con firefox io non riscontro) ma rivedrei i "passaggi" confrontandoli con quelli del sito di isotope.co

[checkmates]

Ho notato il problema...su google chrome fa la stessa cosa ma non conosco isotope appena ho tempo gli do un'occhiata

[checkmates]

praticamente da una breve ricerca su google è un bug su google chrome, si può risolvere in questo modo
<script type="text/javascript">
$(function(){
// cache container
var $container = $('#contenitore');
setTimeout(function () {
// initialize isotope
$container.isotope({
itemSelector : '.img',
masonry: {
columnWidth: 10
}
}, 1000);
});
})
</script>

[checkmates]

Ps: su IE nn ho la possibilità di provare..sono utonto linux sorry

[pricant]

Grazie mille !

[willybit]

non basterebbe eseguire il tutto all'onload?

$(window).load(function () {
	// cache container
	var $container = $('#contenitore');
	// initialize isotope
	$('#contenitore').isotope({
		itemSelector : '.img',
	  masonry: {
		columnWidth: 10
	  }
	});
	
	// filter items when filter link is clicked
	$('li a').click(function(){
	  var selector = $(this).attr('data-filter');
	  $container.isotope({ filter: selector });
	  return false;
	});
});

[checkmates]

si anche così funziona su google chrome