Главная » Статьи » Скрипты

Плавное увеличение-уменьшение картинки и её перемещения для новостей сайта !
Начнём!
В настройках новостей сайта добавляем дополнительное поле.
В моём примере это доп. поле № 2.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение".
Потом в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$ :

Code
<?if($OTHER2$)?><td class="news" align="left" bgcolor="#f8f8f8" valign="top"><div align="center"><a style="" href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" style="border: medium none ; visibility: visible;" align="center" border="0" width="300"></a></div>
<?endif?>

Если у вас другой номер доп. поля то его изменяем в коде $OTHER2$.
Затем в корне сайта создаём директорию highslide.
Пихаем туда файл highslide.css из архива.
После этого открываем файл highslide.js и находим в нём это :

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

Думаю, что на что вам надо будет заменить и так понятно.
Сохраняем в кодировке UTF-8

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

Теперь в шаблонах: Страницы сайта-->Архив Материалов новостей-->Вид материала и комментариев к нему между

Code
<head>...</head>

пишем :
Code
<style type="text/css">.UhideBlock {display:none}</style>
<script type="text/javascript" src="/highslide/highslide.js"></script>
<script type="text/javascript" src="/highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.allowMultipleInstances = false;  
hs.dimmingOpacity = 0.75;
</script>

СКАЧАТЬ АРХИВ

Всё готово!

Источник: http://ipicture.ru/uploads/090108/21749/7eWWLBN65e.jpg

Категория: Скрипты | Добавил: admin (22.01.2009)
Просмотров: 1724 | Комментарии: 1 | Рейтинг: 4.0/4
Всего комментариев: 1
Admin7618 #1 Добавил  Admin7618 07.06.2009 в 16:39
+1  

блин что файл удалён то

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

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Категории раздела
Скрипты [41]

Поиск

Наш опрос
Сколько вам лет?

Всего ответов: 1281

Друзья сайта

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Облако тегов


Copyright MyCorp © 2024
Бесплатный конструктор сайтов - uCoz | Design by Daemond Studio.