Предварительная загрузка изображений в галерее jQuery

Question

Я хотел бы использовать эту галерею на моем сайте. Единственная проблема заключается в том, что при нажатии рядом с изображением, чтобы загрузить изображение, это занимает много времени. Я хотел бы предварительно загрузить следующие два изображения, когда пользователь щелкает изображение, чтобы увеличить его.

Я встречал это решение , но оно вручную кодирует имена изображений, но мои изображения загружаются динамически Есть ли другой способ, которым я могу это сделать?

Answer 1

Я рекомендую использовать эту галерею - http://dimsemenov.com/plugins/royal-slider/gallery/ она делает именно то, что вам нужно - предварительно загружает близлежащие изображения, и вы можете установить, сколько нужно предварительно загрузить. Но обратите внимание, что он коммерческий и стоит около 10 долларов.

Answer 2

Вы можете использовать решение, которое вы упомянули, вам просто нужно извлечь атрибут src изображений галереи:

preload($('#gallery-images img').map(function() { return this.src; }));

Это фактически вызовет функцию предварительной загрузки с нужным массивом.

Answer 3

Вот простое решение.Вы можете добавить событие щелчка к превью, чтобы при нажатии на него предварительно загружались следующие три изображения.Хотя какой-то способ предварительной загрузки следующего изображения после перехода в отдельное изображение все равно придется отработать, но, надеюсь, это поможет вам добраться до этого ..

Answer 4

Если ваши изображения хранятся в mysql, вы можете использовать найденное вами решение с несколькими изменениями, добавив кодировку json из запроса sql имен изображений.Передача информации в jQuery для предварительной загрузки

  require_once('JSON.php');
  $json = new Services_JSON();
  $out = $json->encode($query)