imgZoom это новое удобное увеличение картинки,когда увеличение срабатывает то картинку нельзя удалить или переставить в другое место
Установка скрипта:
В head устанавливаем данный код:
Code
<link rel="stylesheet" type="text/css" media="screen" href="http://ucozua.ru/Scripts/img-zoom/imgzoom.css" />
<script type="text/javascript" src="http://ucozua.ru/Scripts/img-zoom/jquery.imgzoom.pack.js"></script>
<script type="text/javascript">
$(function () {
$('#img1').imgZoom({ showOverlay: true });
$('#img2').imgZoom({ showOverlay: true, opacity: 0 });
$('#img3').imgZoom({ showOverlay: true, rotate: true, duration: 1000 });
});
</script>
Этот код желательно перед < /bydy>:
Code
<script type="text/javascript">
$(document).ready(function () {
$('img.thumbnail').imgZoom();
});
</script>
И потом уже в вид материалов или в страницу материалов и комментариев где нужно чтобы выводилась картинка ставим:
Code
<a href="Путь к картинке"><img class="thumbnail" src="Путь к картинке" alt="$TITLE$" width="200"></a>
Где Путь к картинке ставим свой путь
Контакты / Условия и правила использования ресурса / Реклама