Предварительный просмотр изображений jquery, которые работают со ссылками на встроенные изображения ajax

Question

Есть несколько хороших плагинов для предварительного просмотра изображений в jquery. однако все те, которые я тестировал, не работали с ссылками на изображения, которые встроены в DOM с помощью ajax.

Я протестировал использование функции JQuery Live, но она не работает безупречно.

$('a.preview').live('mouseover', function() {
    $(this).imgPreview({
        imgCSS: {
            //width: '200px'
        },
        preloadImages:      'true',
    });
});

Я использую это: http://www.webresourcesdepot.com/jquery-image-preview-plugin-imgpreview/

проблема в том, что я должен использовать JQuery Live, как вы видите выше. но есть 2 недостатка.

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

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

   $ ( 'a.preview'). ImgPreview ({ preloadImages: 'true', });

, и это предварительно загрузит все предварительные просмотры после полной загрузки DOM. но я инкапсулировал функцию. но даже если я не сделал этого, это не может привести к тому, что я добавлю эти ссылки на изображения с помощью ajax ПОСЛЕ ЗАГРУЗКИ ДОМА.

Интересно, знает ли кто-нибудь о плагине, который мог бы делать то же самое с элементами, загруженными ajax, как с предварительным просмотром, так и с предварительной загрузкой.

спасибо.

Answer 1

добавление его к наведению мыши не поможет, так как весь смысл в том, чтобы предварительно загрузить изображения перед тем, как они наведутся на них ... (чтобы они были доступны при наведении курсора) ..

Вы должны добавить $('a.preview').imgPreview(...) сразу после присоединения новых ссылок (из ajax) к домену.

Answer 2

при использовании того же плагина и с ajax это прекрасно работает:

.
.
.
$.post("ajax/showAlbum.php", { directory: "whatever" },
   function(data) {$('#first').append(data);
$('#first a').imgPreview({
    preloadImages:      'true',
    });
.
.
.