Izotop złożony (elementy zachodzą na siebie)

Question

Odczytuję przepełnienie stosu dla rozwiązania, ale nie mogę go znaleźć.

(pełny rozmiar na http://i.imgur.com/hrcDg.png)

Kiedy załadować stronę wygląda to tak

Oto strona (beta)

http://e-gimnazija.hostoi.com/test/site/index.html

Jeśli naciśnij all rozwija, może uda mi się go rozwiązać, jeśli auto rozwija się na początku

Answer 1

Problem polega na tym, że po uruchomieniu .isotope obrazy nie są jeszcze załadowany, więc plugin nie może obliczyć swój rozmiar ..

Masz kilka różnych opcji do wyboru

1. start izotop po zdjęciach załadowanych .. $(window).load(function(){/*init plugin here*/})
2. Użyj imagesLoaded wtyczki : http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin
3. wezwanie reLayout raz obrazy są ładowane $(window).load(function(){$('#thumbs').isotope('reLayout');});
4. jeśli li elementy są stałe wielkości, a następnie dać im wymiary poprzez CSS i isotope będzie je odebrać ..

Answer 2

Naprawiłem go z jQuery :

To czeka na załadowanie całej strony, a następnie wczytuje skrypt izotopu jako ostatni. Poniżej mam bardziej kompletne rozwiązanie, za pomocą "roboczego" powiadomienia i spinnera, dopóki wszystko nie zostanie załadowane. Spinner jest od font-niesamowite ikon ...

<div class="container wrapper"> 
    <div class="inner_content"> 
     <div class='working' > 
      <h2>working... <i class="icon-spinner icon-spin icon-large"></i></h2> 
     </div> 
    </div> 
</div> 

<script type='text/javascript' > 
    $(window).load(function() { 
     $.getScript('/js/jquery.isotope.min.js', function() { 
      $('.working').fadeOut(); 
     }); 
    }); 
</script> 

Można zobaczyć moją pracę na przykład: http://ericavhay.com/painting/portfolio