Плавное увеличение-уменьшение картинки и её перемещения. как на этом сайте Качаем архив, читаем в нём ReadMe! и ставим. Как на этом сайте И так начнём! В настройках новостей сайта добавляем дополнительное поле.В моём примере это доп. поле № 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 style="border:none;"></a></center><br><?endif?> Если у вас другой номер доп. поля то его изменяем в коде $OTHER2$. Затем в корне сайта создаём директорию highslide. Пихаем туда файл highslide.css из архива. После этого открываем файл highslide.js и находим в нём это : Code 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> Всё готово! Радуемся своей крутизне и не забываем прибавить мне плюсик в репутацию! Качать обязательно!
Сообщение отредактировал metalmuz - Вторник, 12.08.2008, 03:07 |