2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Увеличение изображения по клику для uCoz - JS редактировано - ZAN

Виды материалов 2010-Дек-02 chocopie 1.6k 1

Инструкция:
1) Заходим Главная » Управление дизайном » Страницы сайта.
2) Ставим перед </head> везде, где вы хотели бы видеть увеличение изображения:

Код:

Code
<style type="text/css" media="all">  
  @import url(http://uc-scripts.ru/highslide/highslide.css);  
  </style>  
  <script type="text/javascript" src="http://uc-scripts.ru/highslide/highslide.js"></script>  
  <script type="text/javascript">  
  hs.graphicsDir = 'http://uc-scripts.ru/highslide/graphics/';  
  </script>

3) Заходим Вид новостей (Любой, где вам нужно увеличение).
4) Заменяем:

Code
$MESSAGE$

На:

Код:

Code
<center><?if ($IMG_URL1$)?><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" border=0 alt="$TITLE$" width=250 style="border:none;"></a></center><?else ?><center><div align="center"><a href="/No_photo.png" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="/No_photo.png" border=0 width=250 style="border:none;"></a></center><?endif ?></div></div><BR><div style="margin-left: 5px;">$MESSAGE$</div>

5) Если вы хотите, чтобы увеличивалась какая-либо одна картинка, тогда делаем так:
Код:

Code
<a href="Ссылка на ваше изображение" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="Ссылка на ваше изображение" border=0 alt="Описание" width=250 style="border:none;"></a></div></div>

Где мы меняем:
"Ссылка на ваше изображение" - на ссылку на наше изображение.
"Описание" - На описание картинки.

Источник: не указан
1 комментарий
avatar
1
Неплохо, но ещё бы доделать, чтобы по клику картинка снова сворачивалась.
avatar