[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Плавное увилечение, уменьшение картинки
SineddДата: Суббота, 23.01.2010, 23:02 | Сообщение # 1
Группа: Заблокированные
Сообщений: 191
Награды: 2
Статус:

В настройках новостей сайта добавляем дополнительное поле.
В моём примере это доп. поле № 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 и находим в нём это :

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>

И если вы хотите это чудо ксебе на форум делаем так!
Шаблон Форум - Общий вид страниц форума
1. Подключить HighSlide
2. После $BODY$
3.Ставим код

Code
<script type="text/javascript">
e=document.getElementsByTagName('td');
for(k=0;k<e.length;k++){
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[highslide]')!=-1){
s=s.replace(/\[highslide\]([^\[\n]+)\[\/highslide\]/gi,'<a href="javascript://" onmouseover="this.href=\'$1\';" class="highslide" onclick="return hs.expand(this)"><img src="$1" border="0" width="200" style="border:none;"></a>');
e[k].innerHTML=s;
}}}
</script>

Теперь длаем кнопку highslide в форуме
после кода $BBCODES$ Ставим это

Code
<input type="button" value="highslide" onclick="simpletag('highslide','','','message',''); return false;" class="codeButtons" title="ФОТО" id="highslide" />

[spoiler="Исходники"]http://obucoz.3dn.ru/highslide.zip[/spoiler]

Если есть кому дополнить допалняйте здесь!-)
Всё готово! Радуемся своей крутизне. :D

 
KARTERДата: Воскресенье, 24.01.2010, 12:38 | Сообщение # 2
Web мастер
Группа: Администраторы
Сообщений: 1173
Награды: 0
Репутация: 65
Статус:
у нас вроде такая стоит или нет
 
  • Страница 1 из 1
  • 1
Поиск: