| Сотрудничество |
|
Поставьте себе на сайт и сообщите мне |
|
Файлы |
Плавное увел./уменьш. картинки и перемещение UCOZ
Название: Плавное увел./уменьш. картинки и перемещение UCOZ
Категория: Web-мастеру
Формат файла: *.rar
Размер: 56.6 Kb
Просмотров: 5454
Загрузок: 1857
Дата добавления: 14 Августа 2009, 12:38
Поделиться:
|
Скачать:
Внимание! Если ссылка не работает, файл не найден или просто возникают какие-либо вопросы, напишите об этом, пожалуйста, мне на почту: xdypx@yandex.ru. В письме достаточно указать ссылку на эту страницу и описание проблемы или свой вопрос.
|
|
|
Описание:
Щелкая на картинке, она увеличится, можно перемещать по экрану. Если нажать еще раз, картинка снова уменьшиться.
Скачайте с нашего сервера архив с необходимыми файлами. Пример выше.
Как устанавливать:
1. В корне сайта создаём директорию highslide.
Пихаем туда файл highslide.css из архива.
После этого открываем файл highslide.js и находим в нём это :
creditsText : 'текст надписи на картинке',
creditsHref : 'адресс вашего сайтеГа',
creditsTitle : 'комментарий к надписи',
Думаю, что на что вам надо будет заменить и так понятно.
Ставим его в созданную директорию.
В эту же директорию загружаем папку graphics со всеми файлами, котрые внутри.
В итоге должен получиться путь /highslide/graphics/
2. Теперь в шаблонах между <head>........</head> пишем :
Code <style type="text/css" media="all"><br>@import url(/highslide/highslide.css);<br></style> <br><script type="text/javascript" src="/highslide/highslide.js"></script><br><script type="text/javascript"> <br>hs.graphicsDir = '/highslide/graphics/';<br></script>
3. Чтобы картинка увеличивалась, нужно прописывать её тек:
Code <a href="ССЫЛКА НА КАРТИНКУ" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="ССЫЛКА НА КАРТИНКУ" border="0" width="200"></a>
Для комментариев и сообщений форума можно сделать отдельный ВВ-код. Для этого:
1. Прописать между <head>........</head>:
Code <br><style type="text/css" media="all"><br>@import url(/highslide/highslide.css);<br></style> <br><script type="text/javascript" src="/highslide/highslide.js"></script><br><script type="text/javascript"> <br>hs.graphicsDir = '/highslide/graphics/';<br></script>
2. Где угодно на странице вставить вставить:
Code <script type="text/javascript"><br>e=document.getElementsByTagName('td');<br>for(k=0;k<e.length;k++){<br>if(e[k].className=='posttdMessage'){<br>s=e[k].innerHTML;<br>while(s.indexOf('[highslide]')!=-1){<br>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>');<br>e[k].innerHTML=s;<br>}}}<br></script><br><br>...или...<br><br><script type="text/javascript"><br>$('td.posttdMessage').each(function(){$(this).html($(this).html().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>'))});<br></script>
3. Добавить новую кнопку:
Code <input type="button" value="highslide" onclick="simpletag('highslide','','','message',''); return false;" class="codeButtons" title="ФОТО" id="highslide" />
|
Комментарии:
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
|
|
29 Апреля 2024, Понедельник
07:22
>Г Л А В Н А Я
>Ф А Й Л Ы
>С Т А Т Ь И
>Р Е Ф Е Р А Т Ы
>Ф О Р У М
>О Т З Ы В Ы
>Т Е С Т Ы
>F l a s h И Г Р Ы
>Ф О Т О Ш О П
