Показать html-изображения только в том случае, когда элемент отображается

Question

Я видел это на Hulu.com один раз, но не могу заставить его вести себя таким образом.

Проблема в том, что у меня есть «шатер», который скользит при нажатии следующей кнопки. В разделе есть 2 изображения, в общей сложности около 40 разделов.

Проблема заключается в том, что браузер загружает все изображения 40 * 2 и потребляет полосу пропускания, как сумасшедший.

Есть ли способ, чтобы загрузить изображения, когда отображается «слайд»?

Answer 1

Загрузить их в ajax. Посмотрите вверх jquery для этого, это самый простой способ.

Также похоже, что вы делаете карусель. Возможно, вы могли бы использовать one of the many existing solutions, которые уже обрабатывают асинхронную загрузку данных.