Эффект для изображений на jQuery

Небольшой, но приятный эффект. При наведении курсором на пикчу, оно темнеет. При нажатии вылезает в центр страницы.


Установка.

Необходима библиотека jQuery.

В /head прописать код:

<script class="jsbin" src="http://andreaslagerkvist.com/aFramework/Modules/Base/jquery.imageZoom.js"></script>

<script type='text/javascript'>

$(document).ready(function() {

jQuery(document.body).imageZoom();

jQuery('img').fadeTo('slow', 0.5);

jQuery('img').hover(function() {

jQuery(this).fadeTo('slow', 1.0);

}, function() {

jQuery(this).fadeTo('slow', 0.5);

});

});

</script>

Комментариев нет:

Отправить комментарий