• Страница 1 из 1
  • 1
Скрипт увеличение картинки в ajax окне для uCoz
Delete
Четверг, 20 Сентября 2012, 20:50 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 7


Установка:
В 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; }


А это вставляем там где хотим видеть:
Code
<a colspan="2" align="left" valign="top" class="eScreen"><div class="image"><img id="img$ID$" src="$IMG_URL1$" alt="$TITLE$" /></div></a>

<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>
Прикрепления: 0446306.jpg (85.9 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Суббота, 16 Марта 2013, 18:53 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
У меня есть код, увеличение, гдето на форуме прописал. Он для вида материала! Да такой не чего, и так же не надо в корень сайта не че кидать! Если найду тут пропишу его!
Страна: (RU)
Kosten
Понедельник, 16 Декабря 2013, 21:40 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Вот стили которые могут увеличить картинку. К примеру возьмем каталог файлов.
Ищем там в коде
Код
$IMG_URL1$

И поверх этого кода ставим эти стили
Код
<style type="text/css" media="all">@import url(http://zornet.ru/CSS-ZORNET/REN/highslide.css);</style>  
  <script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/REN/highslide.js"></script>  
  <script type="text/javascript">hs.graphicsDir = 'http://zornet.ru/highslide/graphics/';</script>

Вот что получается

Прикрепления: 3662489.jpg (124.8 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: