Задать вопрос
Light777
@Light777
Developer

Как подгружать изображения при нажатии кнопки?

Всем привет! Есть обычный сайт с портфолио, изображениями(около 70 изображений на одной странице). Сайт жестко тормозит хоть я и сжал все фотки. Как сделать так чтобы сайт подгружал 10 фоток, а остальные после нажатия кнопки "Показать еще"? Как называется эта фишка?
  • Вопрос задан
  • 2764 просмотра
Подписаться 1 Оценить Комментировать
Ответ пользователя Александр Кубинцев К ответам на вопрос (4)
akubintsev
@akubintsev
Опытный backend разработчик
Можно обойтись и без ajax, но естественно нужно уметь использовать javascript.
Идея проста до безобразия.
  1. Определяете массив-список с url-ами картинок.
  2. Задаете обработчик для события "показать больше" (кнопка или бесконечный скролл - без разницы)
  3. В этом обработчике делаете цикл, который будет брать скажем 10 следующих элементов из массива url
  4. Внутри цикла создаете объект через "new Image", присваиваете ему свойство src = url из выборки и вставляете куда вам нужно в DOM
Ответ написан
Комментировать