JQuery увеличенное изображение в диалоге

Question

У меня есть уменьшенное изображение, объявленное динамически следующим образом:

<img id="productThumbnail" src="" style="float: left; width:100%"/>

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

Учитывая в моем массиве, миниатюра "productThumbnail" и большее изображение "srcImg" Что-то вроде:

<a href="#" data-rel="dialog" id="dialog1">
                    <img id="productThumbnail" src="" style="float: left; width:100%"/>
                </a>

Спасибо !!

Answer 1

Это почти то, что jquery лайтбокс может сделать для вас ... есть причина, по которой вы не можете или не хотите использовать его или другой знакомый плагин?

http://leandrovieira.com/projects/jquery/lightbox/

Answer 2

Может быть, некоторые из этих плагинов Jquery могут вам помочь. (См. Номер 4).