Суббота, 16.11.2024, 21:20:00
[Ответов:0]
[Ответов:0]
[Ответов:2]
[Ответов:2]
[Ответов:0]
[Ответов:1]

Администрация 
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Рекламный блок Форума
Реклама
Реклама
Реклама
Место свободное Место свободное Место свободное
Место свободное Место свободное Место свободное
  • Страница 1 из 1
  • 1
Увелечение фото
sasha51 | Доп. инфо. Дата: Воскресенье, 06.03.2011, 18:57 | Сообщение # 1
Заливающий новост
[Table]Как сделать красивое увеличение картинки при нажатии? Легко и просто...

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

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

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?>

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

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

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

[Table]И заменяете на свои... И сохраняем.[/Table]

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

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

Код

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>

[Table]P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"[/Table]
 
  • Страница 1 из 1
  • 1
Поиск:

Мини-чат
200

(c) 2024 VPSITE.3dn.Ru Все права защищены.
Использование материалов VPSITE.3dn.Ru только с разрешения администрации
.
Администрация сайта не несет отвеснотости за выложенные файлы чтоб пожаловаться на файл нажмите на надпись АДМИН САЙТА