Всплывающее окно изображения без обратной передачи?

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

http://www.flickr.com/photos/cdotlister/6445556533/in/photostream/

Это мое фото. Если кликнуть по фото, откроется увеличенная версия. Начальный и большой файлы имеют одинаковый размер, поэтому должны быть одинаковыми файлами. Я думаю, что меньший размер изменен с использованием html. (высота и ширина изображения). И тогда всплывающая версия, вероятно, является фактическим размером изображения.

Однако, когда изображение всплывает, измените размер окна. Он остается в центре.

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


person Craig    schedule 30.12.2011    source источник


Ответы (1)


Взгляните на плагин лайтбокса jQuery.

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

person Shyju    schedule 30.12.2011