Igromen.Do.Am - игровой и кино портал, объединяющий в себе множество новостей и публикаций, огромный форум для веб - мастеров.
1381
524
283
новостей в ленте
тем на форуме
пользователей
Будь в курсе
Это интересно
Загружай и играй
Всё для uCoz
Правила сайта
Правила форума Форум игромании и киномании Igromen.Do.Am
ФОРУМ Игромания и киномания – сообщество пользователей игрового портала Igromen.Do.Am.
Форум - это место, где можно обсудить игровые новости и обновления, задать вопросы, разместить объявления и сообщения, дать объявления о предоставляемых вами услугах, поделиться полезной информацией и способами, вступить в команду портала (на должности модератора, журналиста), а также найти себе друзей и товарищей для общения и совместного времяпровождения в играх.
Все действия (общение и размещение информации) регламентируются правилами форума.
ТОП-5 по сообщениям
1
ТОП-5 по репутации
  • Страница 1 из 1
  • 1
Форум » Система UcoZ » Инструкции uCoz и uWeb » Качественное увеличение картинок
Качественное увеличение картинок
#1
Димон
Администраторы
/.s/a/38/496767602.png
Менеджер проекта
Статус:
Online
Регистрация:
07.10.2012
Сообщения:
754
Качественное увеличение картинок




Полное описание

Сегодня хотелось бы с вами поделиться одним скриптом "Увеличение картинки в материале" . В этом нам поможет 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$ .


Форум » Система UcoZ » Инструкции uCoz и uWeb » Качественное увеличение картинок
  • Страница 1 из 1
  • 1
Поиск:
О портале Igromen.Do.Am
Контакты
В помощь пользователям