Помощь студентуФайлыWeb-мастеруПлавное увел./уменьш. картинки и перемещение UCOZ
19 Августа 2017, Суббота
23:22
>>> Качественная веб-разработка <<<
23:22
Меню сайта
>Г Л А В Н А Я

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


Советуем...
Решенные задания из пильщикова
Решенные задания из Пильщикова. Какие задания решены, читайте на странице материала.

Лекции и примеры программ на Паскале
В архиве документы *.doc . они содержат краткое вступление о программировании и очень много примеров готовых программ (лаб) на Паскале. В основном приводятся примеры сложных олимпиадных задач, но и в лабах могут тоже такие встречаться.

Шпора Все формулы по физике
На одном листе А4 размещены почти все основные формулы по физике. Если лень самому делать шпоры, то качайте этот файл.

NumLock Calculator
Лучший калькулятор. Куча функций, приятный дизайн, смена скринов, может вызываться при нажатии на NumLock - что в общем следует из названия.


Опрос
Вы учитесь в ...
Всего ответов: 654

Сотрудничество
Поставьте себе на сайт и сообщите мне


код кнопки:


Связь с админом
395799449
Написать админу
Оставить отзыв


Файлы
Главная » Файлы » Вебмастеру » Web-мастеру

Плавное увел./уменьш. картинки и перемещение UCOZ

Название: Плавное увел./уменьш. картинки и перемещение UCOZ
Категория: Web-мастеру
Формат файла: *.rar
Размер: 56.6Kb
Просмотров: 3660
Загрузок: 1091

Дата добавления: 14 Августа 2009, 12:38
Поделиться:
Скачать:

Скачать Плавное увел./уменьш. картинки и перемещение UCOZ бесплатно и без регистрации


Внимание! Если ссылка не работает, файл не найден или просто возникают какие-либо вопросы, напишите об этом, пожалуйста, мне на почту: 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" />

Комментарии:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Разделы новостей
Web-мастеру [7]

Статистика

Яндекс.Метрика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Все пользователи

Яндекс цитирования Rambler's Top100 Каталог сайтов OpenLinks.RU Каталог сайтов iLinks.RU Каталог сайтов :: Развлекательный портал iTotal.RU Каталог сайтов Bi0 Каталог сайтов Всего.RU