Скрипт для ucoz Красивое увеличение картинки как у нас - Скрипты для ucoz - скрипты для ucoz, шаблоны для ucoz Ucoz-Scripts.RU Скачать скрипты для ucoz,шаблоны для uCoz

Красивое увеличение картинки как у нас

Авторизация
Категории
Наша кнопка
Оплаченная реклама
Реклама
Главная » 2009 » Октябрь » 31 » Красивое увеличение картинки как у нас
Категория: Скрипты для ucoz | Добавил:VoldemaR
Красивое увеличение картинки как у нас

Как сделать красивое увеличение картинки при нажатии? Легко и просто...

Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:

1. Для начала скачиваем архив (В самом низу поста). Далее в настройках новостей сайта добавляем дополнительное поле (Главная » Новости сайта » Настройки модуля). В моем примере, это доп. поле № 1.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение" (Главная » Замена стандартных надписей и выбираете - Форма добавления модуля "Новости сайта").
Затем в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:

Code
<?if($OTHER1$)?><center><a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">[img]\[/img]
</a></center><br><?endif?>

Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$ на свой.

2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :

creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',

И заменяете на свои... И сохраняем.

В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/

3. Теперь в шаблонах "Страницы сайта", "Архив Материалов новостей" и "Вид материала" и "Страница материала и комментариев к нему" между "head"........"/head" пишем:

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

P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"

Залить В Файловый Менеджер Содержимое:

Просмотров (939) | Добавлено: 26.05.2012
Комментарии
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
Профиль
Суббота
26.05.2012
08:58

Логин
Пароль
[ Управление профилем ]
Кто с нами
Онлайн всего: 3
Гостей: 3
Пользователей: 0

Всего: 63045
Новых вчера: 3
Новых сегодня: 0

20ка Посетивших пользователей:
Случайные скрипты ucoz
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
Опрос
У Вас есть свой сайт?!

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 1486
Поиск
Календарь
«  Октябрь 2009  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
© gigasoft.ucoz.net/ucoz-scripts.ru 2012.
Все материалы, скрипты, шаблоны, фото и видео, размещаются на данном сайте его гостями и пользователями. Администрация не несет ответственности за возможное нарушение авторских прав и причиненные убытки в случае незаконного копирования, воспроизводства и использования данных материалов!
Sitemap | Sitemap-forum | Хостинг от uCoz
CY and PR