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

>Ф А Й Л Ы

>С Т А Т Ь И

>Р Е Ф Е Р А Т Ы

>Ф О Р У М

>О Т З Ы В Ы

>Т Е С Т Ы

>F l a s h И Г Р Ы

>Ф О Т О Ш О П


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

работа с деревьями Паскаль
Задание:
Дан текстовый файл с изображением целых чисел, которые переписать в стек St1. Используя стек St2, выбрать только нечетные положительные числа и построить из них сбалансированное  дерево.

Работа с двоичными файлами и массивами с++
Создать двоичный файл и записать в него n целых чисел. Из файла сформировать массив, записав в него только кратные M значения, расположенные до минимального элемента в файле.

Основные функции работы с матрицами С++
Приемы и примеры работы с матрицами на С++. Это и транспонирование матрицы на с++, и возведение матрицы в квадрат на с++, и приведение матрицы к диагональному виду на с++.


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

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


код кнопки:


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


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

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

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

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