Логин:
Пароль:
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум OREL-CS » uCoz » Скрипты - каталог файлов » Как сделать красивое увеличение картинки при нажатии
Как сделать красивое увеличение картинки при нажатии
Disgig Дата: Пятница, 28.05.2010, 15:37 | Сообщение # 1
Титул: Не нуби, нуб!!!
Группа: Проверенный
Сообщений: 303
Награды: 2
Репутация: 72
Замечания:
Статус:

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

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

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 и находим в нем это :
код:

Code
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"
Все готово! Радуемся своей крутизне

Скачать архивЧеГГ Качаем архив



Я ушел от сюда...
Форум OREL-CS » uCoz » Скрипты - каталог файлов » Как сделать красивое увеличение картинки при нажатии
Страница 1 из 11
Поиск:

Последние ответы на форуме
Снятие замечаний Ответов: 85
BeatRate^ - Beaut... Ответов: 1
Коллаб Bonus and... Ответов: 6
BeatRate^ - Beaut... Ответов: 8
Всеобщее голосова... Ответов: 208
Наркоман павлик. ... Ответов: 6
Ребята, срочно ну... Ответов: 5
Популярные темы на форуме
+5 Ответов: 1709
Спорт Ответов: 1019
Блог Evrop'ы Ответов: 828
свободное общение... Ответов: 751
ОТГАДАЙ АВТОМОБИЛ... Ответов: 694
Считаем до 1000 Ответов: 630
Быстрые жалобы на... Ответов: 342
Лучшие пользователи
cofein Репутация: 8599
ZaStalina Репутация: 6641
example Репутация: 6013
Apple1Pod Репутация: 4752
MaD81 Репутация: 4283
Crafty Репутация: 3950
antoncss_96 Репутация: 2863
Активные пользователи
XENON Сообщений: 4069
Crafty Сообщений: 3563
Crash-cs Сообщений: 3072
example Сообщений: 2609
Zdraff Сообщений: 2599
BP^ Сообщений: 2548
BeatRate^ Сообщений: 2510
PR-CY.ruХостинг от uCoz|| ror.xml, urllist.txt, sitemap.html, Авторство