Полное описание
Сегодня хотелось бы с вами поделиться одним скриптом "Увеличение картинки в материале" . В этом нам поможет
Highslide -
это JavaScript с открытым исходным кодом программного обеспечения, применяет Web 2.0 подход к всплывающим окнам. И так присутпим : Вот как всё это будет выглядеть :
До увеличения После Установка : Для начала скачиваем архив с highslide - [
Скачать | Скачать с CeofiN]
Заходим в
Файловый менеджер создаем папку highslide , и загружаем все файлы из скаченного архива .
Заходим в
Управление дизайном »
Каталог файлов »
Главная страница каталога файлов/Страница со списком материалов раздела/Страница со списком материалов категории/Страница материала и комментариев к нему во все эти страницы между <head> и </head> вставляем код :
Code
<script type="text/javascript" src="/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
// override Highslide settings here
// instead of editing the highslide.js file
hs.graphicsDir = '/highslide/graphics/';
</script>
Так же этот код нужно вставить в
Вид материалов в самый верх .
Заходим в
Управление дизайном »
Каталог файлов »
Вид материалов , и туда , где вам нужно выводить картинку вставляем код :
Code
<a href="ваш_условный_оператор" class="highslide"
onclick="return hs.expand(this)">
<img src="$ваш_условный_оператор$" alt="Highslide JS"
title="Нажмите для увеличения" height="107" width="223" /></a>
В поле "$ваш_условный_оператор$ , вставляете тот код условного оператора который будет выводить картинку . Можно использовать код Дополнительных полей - $OTHER1$,$OTHER2$ и т.д.
Так же можно использовать коды Ссылки на источник материала - $SOURCE_URL$ .