jQuery (окно) .load (функция () {}) выполняется после загрузки изображений?

Question

У меня проблема. Внутри сгенерированного PHP-файла у меня есть плагин галереи jQuery, который должен сделать display:none для всех изображений, которые были расположены в правильном порядке PHP за div с. Но, по-видимому, при запуске я сначала вижу, как изображения загружаются со страницы, а затем запускается галерея JavaScript, которая скрывает изображения и отображает их правильно.

Я хотел бы запустить свой скрипт, прежде чем браузер попытается загрузить изображения из div s на странице. Я держу их в отдельных div с, чтобы они были оптимизированы для SEO, и если JavaScript отключен, они будут показаны вместе на одной странице.

Тело это что-то вроде:

<div>
    <img> ...  </img>
</div>
...       
<script type="text/javascript">
    jQuery(window).load(function() {
         ....myCode...
    });
</script>

Answer 1

Вы действительно хотите начать с начальных классов по умолчанию, чтобы избежать «Flash of Unstyled Content» (иногда называемого FOUC).

Однако вы будете в лучшей форме, если будете использовать вызов jQuery(document).ready(function(){}) вместо $(window).load(fn). Document.ready запускается до загрузки изображений, в то время как window.load не происходит, пока эти изображения не загрузятся.