[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Плавное увеличение-уменьшение картинки при нажатии
Cre@tivEДата: Четверг, 04.03.2010, 20:51 | Сообщение # 1
Админчик сайтика=)
Группа: Администраторы
Сообщений: 274
Репутация: 32
Статус: :-(
Пример на главной странице!

Для начал скачайте данный архив(СкачатЬ)
В настройках новостей сайта добавляем дополнительное поле(в моём примере оно имеет номер 1)
В замене стандартных надписей вы можете переименовывать по вашему усмотрению(у меня оно имеет название "ссылка на картинку"). Переходим в шаблоны "Вид материалов новостей(Новостей)" и "Страница материала и комментариев к нему(Новостей)"

Заменяем:

Code
$MESSAGE$

На:

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

Если у вас другой номер доп. поля то его изменяем в коде $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>

Пользуйтесь biggrin

Если помог то ставь +


 
SeRДата: Понедельник, 29.03.2010, 08:31 | Сообщение # 2
(:СталкеР:)
Группа: Модераторы
Сообщений: 44
Репутация: 3
Замечания: 0%
Статус: :-(
работает прикольно...=)
 
  • Страница 1 из 1
  • 1
Поиск: