Вторник, 26.11.2024, 04:56:57 На сайте Московское время

SyLenze

(Постов: 634)

Denis

(Постов: 85)

TSGK

(Постов: 29)

jasminka

(Постов: 16)

Naruto

(Постов: 15)

TRaBZ

(Постов: 13)

Новые сообщения | Участники | Правила форума | Поиск | RSS

  • Страница 1 из 1
  • 1
Плавное увеличение-уменьшение картинки в новостях
SyLenze
 Страна: Российская Федерация 
 Дата: Суббота, 19.09.2009, 14:47:49 | Сообщение # 1

Группа: Администратор
Сообщений: 634
Награды: 12
Уважение: 40
Off
Плавное увеличение-уменьшение картинки и её перемещения для новостей сайта !

http://vikjavev.no/highslide/#examples пример

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

Code
<?if($OTHER2$)?><center><a href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" border="0" width="200"></a></center><?endif?>

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

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

Думаю, что на что вам надо будет заменить и так понятно.
Ставим его в созданную директорию.
В эту же директорию загружаем папку graphics со всеми файлами, котрые внутри.
В итоге должен получиться путь /highslide/graphics/
Теперь в шаблонах "Страницы сайта", "Архив Материалов новостей" и "Вид материала и комментариев к нему" между ........ пишем :

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>

Вот ссылка http://highslide.com/downloa....1.4.zip ничего лишнего не трогаем... Там внизу есть "Highslide Download" Нажимайте "Yes" и начнётся скачивание

Всё готово! Радуемся своей крутизне!


 
  • Страница 1 из 1
  • 1
Поиск:


TERA-RAPTOR.clan.su © Все права защищены! Используются технологии uCoz Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.