Сообщение от рони
|
???
show как раз и вставляет картинки на страницу, до запуска show никаких картинок нет!!! а раз нет картинок, то не из чего делать галерею. вставили картинки, запустили создание галереи.
для понимания ... создание галереи из layout.js отработало, но картинок не нашло, поэтому после создания картинок на странице, нужно повторно запустить инициализацию после show.
|
show() не вставляет картинки, она записывает пути картинок внутрь объекта <div>.
Она записал и он плавает где-то в памяти . Браузер не знает, где и после чего выводить это <div>.
Строка <div></div> показывает где выводить. И в 1 варианте этого вполне достаточно для запуска скриптов. В оригинале скрипты определены тоже , когда еще нет никакого <div></div>. И как только <div></div появились , браузер видит где эта строка нужна, сразу работают скрипты.
Во 2 варианте, show() прочитала list.js , собрала через цикл сколько надо штук, и записала адреса картинок в <div></div>.
Но браузер тоже не знает куда выводить этот <div></div>.
но когда появляется <div></div> браузер стоит колом, и не работает. Хотя результат мало чем отличается от 1 варианта.
addEventListener("load", -- он же тоже не может препятствовать , это же не скрипты на 10 МБ . Через 0,1 с он должен запустить браузер .
Но этого не происходит. Надо еще jQuery , который не нужен в оригинале.
Не могу понять , в чем разница.
Почему в 1 варианте нет повторности, а во 2 она есть ?