Главная | Мой профиль | Выход | Регистрация | Вход Приветствую Вас Гость
Меню Сайта
Опрос
Любимое оружие
Всего ответов: 57

Newcss.net.ru Portal and all-for web-master and ucoz

www.newcss.net.ru
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: error  
Как сделать красивое увеличение картинки при нажатии
HoverikДата: Среда, 15.07.2009, 04:37 | Сообщение # 1
Подполковник
Группа: Пользователи
Сообщений: 102
Награды: 0
Репутация: 0
Статус: 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 и находим в нем это :

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"

Все готово! Радуемся своей крутизне
Скачать архив http://www.mavi-style.ru/_fr/1/highslide_for_u.zip


agaa
 
  • Страница 1 из 1
  • 1
Поиск:
Форма Входа
Друзья сайта
Главная страница Каталог файлов Форум Фотоальбом

Newcss.net.ru Portal and all-for web-master and ucoz

Статистика Сайта
Design by TTaDoNoK and www.newcss.net.ru
www.newcss.net.ru.
 2009