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

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


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

работа с двумерными массивами Паскаль
Задание:
Построить спираль Улама и подсчитать количество простых чисел.

Основы работы с CSS
Курс посвящен практике применения языка гипертекстовой разметки с применением каскадных таблиц стилей (Cascade Style Sheets). На большом количестве примеров рассматриваются основные приемы использования CSS.

Карта для контры (Counter Strike 1.6)
Карту делал сам. Ваши комментарии помогут исправить ошибки на карте. Ну карта что-то типа меншен.


Опрос
Зацените дизайн сайта
Всего ответов: 373

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


код кнопки:


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


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

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

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

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