W-gent and ObBot / Архив / Архив публикаций / Распахивание больших картинок на jQuery

Распахивание больших картинок на jQuery

Как сделать, чтобы все картинки на сайте, открывающиеся по ссылке, открывались не в новом окне и уж тем более не вместо читаемой страницы, а во фрейме по центру страницы?

Вот простое решение на jquery: http://wgent.com/script/imgpopup.js

Это решение хорошо в первую очередь тем, что Вам не нужно выискивать по всему сайту, где Вы там какие фотографии как прописали.
Скрипт просто находит на странице все ссылки на изображения и заставляет их открываться в распахиваемом окошке.

Использование:

<html>
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="//wgent.com/script/imgpopup.js"></script>
</head>
<body>
<p>Кликните по этой маленькой картинке: <a href="//wgent.com/wgent.gif"><img alt="" src="//wgent.com/UserFiles/Image/favicon.png" /></a></p>
</body>
</html>



Демо:

Кликните по этой маленькой картинке: