Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Картинка, плавно увеличивающаяся, при наведении курсора

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Valuev

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день. Подскажите пожалуйста, как реализовать такое, как по сцылке (в правой колонке, три картинки) h..p://news.mail.ru/economics/2057826/
Нужно именно плавное, не скачкообразное.
На одном сайте сделано средствами css. Вроде неплохо, но не нравится скачкообразность роста изображения. Плюс - как всегда, в IE 7 отображается некорректно.  
Здесь наверно нужен скрипт...
Ps В поиске искал, много, путнего ничего не нашел...
Спасибо.

Всего записей: 168 | Зарегистр. 20-07-2007 | Отправлено: 20:28 21-06-2009
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Valuev
highslide.com

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:30 21-06-2009
Valuev

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Быстро однако Спасибо, красиво очень. Немного смущает, что по клику. Это лечится? Мне надо по наведению. Поменять onclick на onmouseover ?

Всего записей: 168 | Зарегистр. 20-07-2007 | Отправлено: 20:55 21-06-2009 | Исправлено: Valuev, 20:56 21-06-2009
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Valuev

Цитата:
Мне надо по наведению. Поменять onclick на onmouseover ?  

посмотрите API и примеры
http://highslide.com/ref/hs.Expander.prototype.onMouseOver
+
http://highslide.com/ref/hs.onSetClickEvent

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:02 21-06-2009
Valuev

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Не могу разобраться...
Мне нужен правый вариант отсюда http://highslide.com/ref/hs.Expander.prototype.onMouseOut
Скопировал исходник с этой страницы, скрипты в head код с картинкой в body - все равно, добился только увеличения по наведению....
 
Цель такая:  
Когда наводишь - увеличивается
убираешь - уменьшается
идеально б еще по клику - уходить по ссылке...
 

Всего записей: 168 | Зарегистр. 20-07-2007 | Отправлено: 22:39 21-06-2009
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Valuev

Цитата:
Когда наводишь - увеличивается
убираешь - уменьшается  

ну вот и возьмите код для него..  

Код:
<script type="text/javascript">
// close on mouse out
hs.Expander.prototype.onMouseOut = function (sender) {
   sender.close();
};
// close if mouse is not over on expand (using the internal mouseIsOver property)
hs.Expander.prototype.onAfterExpand = function (sender) {
   if (!sender.mouseIsOver) sender.close();
};
</script>

+
Код:
<a class="highslide" href="../samples/full3.jpg"  
      onmouseover="return this.onclick()" onclick="return hs.expand(this)">
   <img src="../samples/thumb3.jpg" alt=""/>
</a>


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:49 21-06-2009
Valuev

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Попробовал тот вариант, который Вы написали - не работает...

Код:
<HTML>  
<HEAD><TITLE></TITLE>
 
<script type="text/javascript">  
// close on mouse out  
hs.Expander.prototype.onMouseOut = function (sender) {  
sender.close();  
};  
// close if mouse is not over on expand (using the internal mouseIsOver property)  
hs.Expander.prototype.onAfterExpand = function (sender) {  
if (!sender.mouseIsOver) sender.close();  
};  
</script>
 
</HEAD>  
<BODY>
 
<a class="highslide" href="БОЛЬШАЯ КАРТИНКА.jpg"  
onmouseover="return this.onclick()" onclick="return hs.expand(this)">  
<img src="МАЛАЯ КАРТИНКА.jpg" alt=""/>  
</a>
 
</BODY>  
</HTML>

 
Что я неправильно делаю?

Всего записей: 168 | Зарегистр. 20-07-2007 | Отправлено: 16:27 22-06-2009
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Valuev

Цитата:
Что я неправильно делаю?

а подключить саму библиотеку не додумались? это НЕ стандартные функции javascript


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:15 22-06-2009
Valuev

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
а подключить саму библиотеку не додумались

Додуматься то додумался, но подключал не ту... Теперь подключил highslide-full.packed.js - заработало. Спасибо за науку.
Скажите пожалуйста, а переход по ссылке по клику можно ещё добавить сюда? И title, при наведении не понятно как поменять...
 
Добавлено:
C title вроде разобрался http://highslide.com/ref/hs.lang

Всего записей: 168 | Зарегистр. 20-07-2007 | Отправлено: 20:24 22-06-2009
sfumato3

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
а подключить саму библиотеку не додумались?

Скажите пожалуйста, что значит "подключить библиотеку"? Понимаю, что вопрос тривиальный, но ответа не нашёл, это мой первый опыт использования скриптов.
(Я делаю презентационный диск с галереей работ и сайт с highslide.)
Заранее спасибо.

Всего записей: 1 | Зарегистр. 22-09-2010 | Отправлено: 04:41 18-05-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sfumato3

Цитата:
что значит "подключить библиотеку"?

означает прописать загрузку ее js файла и способ вызова в код html страницы

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:48 18-05-2011
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Картинка, плавно увеличивающаяся, при наведении курсора


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru