Главная страницаКисти для фотошопа Каталог файловПрофиль
  • Страница 1 из 1
  • 1
Плавное увеличение-уменьшение картинки и её перемещения
qwerty9Дата: Воскресенье, 18.10.2009, 14:13 | Сообщение # 1
Титул: Генерал-майор
Сообщений: 406
Репутация: [ 6 ]
Для начал скачайте данный архив(http://xusers.at.ua/archives/hinslide.rar)
В настройках новостей сайта добавляем дополнительное поле(в моём примере оно имеет номер 1)
В замене стандартных надписей вы можете переименовывать по вашему усмотрению(у меня оно имеет название "ссылка на картинку"). Переходим в шаблоны "Вид материалов новостей(Новостей)" и "Страница материала и комментариев к нему(Новостей)"
заменяем
Code
$MESSAGE$

на
Code
<!-- Вид сообщения by -=Glebero4ek=- http://xusers.at.ua/-- >   
<p align="justify">   
<a href="$OTHER1$" title="$TITLE$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER1$" align="left" border="0" HSPACE=10 VSPACE=5 alt="$OTHER1$"></a>   
$MESSAGE$   
</p>   
<!-- Вид сообщения by -=Glebero4ek=- http://xusers.at.ua/-- >

Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$.
В каталоге сайта(созданом вами имеющем название highslide) закидываем содержимое скачанного архива
Проверте файл highslide.js на наличее ниже представленных кодов и замените их на своё содержение!

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

Теперь в шаблоне "Верхний блок" в самом верху пишем :

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>


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