Как скрыть слайд-шоу с фотографиями, пока оно полностью не загрузится? - PullRequest
0 голосов
/ 31 января 2011

У меня есть слайд-шоу фотографий Nivo Slider на странице указателя с использованием Wordpress CMS. Я потратил некоторое время на оптимизацию сайта (меньше кода, JS снизу, асинхронная загрузка и т. Д.). Однако у меня все еще есть проблемы с загрузкой больших фотографий неаккуратным способом.

В частности, фотографии загружаются не в правильном порядке, и вы можете видеть каждую загрузку фотографий. Когда слайд-шоу загружает фотографии, последняя фотография загружается первой, а затем быстро переходит к первой фотографии при загрузке. Я бы предпочел скрывать слайд-шоу Nivo, пока не загрузятся все фотографии (их максимум 4).

Мы используем jQuery в качестве нашей библиотеки JS, и она загружается в wp_head. Какой код можно использовать, чтобы отложить показ этого слайд-шоу, или есть лучший способ приблизиться к этому?

1 Ответ

0 голосов
/ 31 января 2011

Вместо использования $(document).ready( /*...*/ ); для запуска слайд-шоу используйте $(window).load( /*...*/), чтобы запустить слайд-шоу после завершения загрузки изображений.

Я бы также предложил скрыть изображения слайд-шоу с помощью css, а затем только скрывать их в событии $(window).load().

...