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

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


Советуем...
Электричество - Савельев И.В.
Очень хороший учебник по физике, все подробно и понятно описывается, все темы по Электричеству. Советую качать тем, кто начал учить только за день до экзамена.

Алгоритмы сжатия RLE, LZW и Хаффмана
В архиве находятся готовые лабораторные работы по алгоритмам сжатия RLE (Групповое кодирование - Run Length Encoding), LZW (lempe, Ziv, Welch) и Хаффмана (Huffman). Сделано на Паскале с комментариями.

Учебник по Аналитической геометрии Ю.М.Смирнов
Небольшой учебник по Аналитической геометрии. Все описывается вкратце, по понятно. Содержит всего 4 параграфа: 1. Векторы и линейные действия над ними; 2. Линейная зависимость векторов; 3. Базис, репер, координаты векторов и точек; 4. Линейная зависимость в координатах.

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


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

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


код кнопки:



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

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

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

Дата добавления: 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

Сайт работает с 2008 года