Категории
Лучшие файлы
Последние комментарии
Категория: Скрипты для uCoz
Добавил: Гость » Дата: 28.05.2011
Скрипт, который увеличивает картинку по клику
Установка:
1)В CSS вставляем такой вот код:
Code
.eBlock .eScreen { background-color:#F1F1F1; width:20%; padding:15px 5px 15px 5px; }
.eBlock .eScreen img { height:87px; cursor:pointer; }
.eBlock .eScreen .image { width:160px; height:90px; border:1px solid #999; overflow:hidden; }
.eBlock .eScreen img { height:87px; cursor:pointer; }
.eBlock .eScreen .image { width:160px; height:90px; border:1px solid #999; overflow:hidden; }
2)А этот код в вид материалов нужного модуля. Тут же настраиваем размеры миниатюры и прочее:
Code
<td colspan="2" align="left" valign="top" class="eScreen"><div class="image"><img id="img$ID$" src="$SCREEN_URL$" alt="$TITLE$" /></div></td>
<script type="text/javascript">
$(function(){
$('#img$ID$').click(function(){var s="'sc'";
new _uWnd('sc','Реальный размер',100,100,{autosize:1,shadow:1,autosizeonimages:1,header:0},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});
});
</script>
<script type="text/javascript">
$(function(){
$('#img$ID$').click(function(){var s="'sc'";
new _uWnd('sc','Реальный размер',100,100,{autosize:1,shadow:1,autosizeonimages:1,header:0},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});
});
</script>
Просмотров: 363 | Комментариев: 0