Форум для вебмастеров - Скрипт красивого увеличения картинки при нажатии! - Форум без регистрации
Логин:
Пароль:

Страница 1 из 11
Модератор форума: kaviga 
Форум без регистрации » Создание сайта » Скрипты » Скрипт красивого увеличения картинки при нажатии!

Скрипт красивого увеличения картинки при нажатии!
ShutichДата: Понедельник, 11.05.2009, 15:05 | Сообщение # 1
Почетный пользователь
Группа: Модераторы
Сообщений: 244
« 5 »
Статус: Offline
Как сделать красивое увеличение картинки при нажатии? Легко и просто...

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

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

Код: | Выделить всё

Code
<?if($OTHER1$)?><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><?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"

Скачать архив для скрипта



Shaman you - сайт посвящён аниме Шаман Кинг(Shaman King).
ГостьДата: Четверг, 12.11.2009, 12:30 | Сообщение # 2
Группа: Гости
« »





Ссылка архива не рабочая!! cool

BisHomeДата: Четверг, 12.11.2009, 21:27 | Сообщение # 3
Группа: Удаленные
« »





Вот этот скрипт: Превью изображений

vovaДата: Четверг, 08.12.2011, 17:54 | Сообщение # 4
Группа: Гости
« »





http://dozakino.ru/
http://dozakino.ru/
http://dozakino.ru/
http://dozakino.ru/

Форум без регистрации » Создание сайта » Скрипты » Скрипт красивого увеличения картинки при нажатии!
Страница 1 из 11
Поиск:
Новый ответ
Имя:
Текст сообщения:
Опции сообщения:
Код безопасности:

Главная страница Карта сайта