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

Question

Это делается в C #, asp.net 4.0, MVC3 с бритвенными тегами

У меня есть альбомы, в каждом из которых может быть до 9 изображений.Изображения сохраняются в файловой системе и управляются базой данных.Я могу построить весь объект в моем контроллере и передать его в представление, содержащее всю информацию базы данных для альбомов.Однако предварительная загрузка потенциально сотен изображений (это делается в представлении, а не в контроллере) может быть очень интенсивной при начальной загрузке страницы - даже если это означает, что все изображения отображаются немедленно.Мой дизайн страницы таков, что есть скользящее окно изображений, которое затем отображает альбом ниже на странице в зависимости от выбора в скользящем окне.

a) Когда я должен предварительно загружать или кэшировать эти изображения?

b) Должен ли я использовать javascript для предварительной загрузки или мне следует использовать некоторую структуру MVC3 для предварительной загрузки / кэширования изображений?

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

Спасибо

Answer 1

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

Вы можете сделатькак то для ваших изображений, где вы заменяете # ссылкой на загрузочный gif.

<img src="#" delayed="http://mydomain.com/myimage.png"/ >

и затем в JQuery после завершения загрузки страницы

$ ('img'). Each (function () {$ (this) .attr ('src)', $ (this) .attr (' delayed '));});

Это поменяет путь отсроченного изображения на src и приведет к загрузке изображения.

Был плагин jquery, чтобы сделать это однажды, но в прошлый раз, когда я смотрел, это было сломано.

РЕДАКТИРОВАТЬ: похоже, что это было обновлено