Скрипт увеличение картинки для ucoz от o-ucozik.ru | Скрипты для ucoz от o-ucozik.ru
 

 

     
http://o-ucozik.ru/Sait/logo.png  
 
 

 Главная Форум Все для ucoz Топ сайтов Проекты Получить сертификат Карта сайта Rss  Реклама 

Наш опрос
Делать смену дизайнов? Кнопкой
Всего ответов: 265
Мини-чат
200
http://s18.ucoz.net/img/icon/tr.png Реклама 468*60 [Купить]
[Главная] [Форум] [Работа] [V.I.P] [Карта сайта] [Реклама на портале] [RSS]

В связи с тем, что сайт был взломан и переведен на новый домен, просьба сообщать нам о нерабочих файлах!


Скрипт увеличение картинки для ucoz

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

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

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

Код: | от v-ucoz.net.ru
<center><a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER1$" border=0 width=200 style="border:none;"></a></center><br>

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

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

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

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

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

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

Код: | от v-ucoz.net.ru
<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"

При копировании ссылка на источник обязательно=)

Скачать | Download с Другого источника

Скачивать могут только зарегистрированные пользователи.
[
Регистрация | Вход ]

Жаловаться на материал Источник материала Добавить в закладки

Скрипт увеличение картинки для ucoz от O-Ucozik.ru

Кто добавил: [Abusen] | Просмотров: [912] | Дата: [17.12.2010]


http://s18.ucoz.net/.s/img/icon/fr.png Отзывы о материале
Всего комментариев: 2
2  
супер

1  
прикольно





Мини профиль
Логин:
Пароль:
Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Поиск
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Кто онлайн:

Кто был:
Georgenah, ThomasMed, ScottBashy
Наши партнеры