Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Хитровыделанная галерея продуктов, прикручиваем пару скриптов 
:(
    Опции темы
adelante
Дата 26.1.2010, 18:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 26.1.2010

Репутация: нет
Всего: нет



Вот представьте себе страницу, на ней фотки продуктов. Нужно, чтобы при наведении на фотку она немного увеличивалась, а при клике экран затемнялся и появлялся просмотр галереи. И то и другое по отдельности, насколько я понимаю, можно сделать, используя Highslide JS, а вот как лучше сделать и то и другое сразу...

Брать два разных фреймворка? или можно с одним хайслайдом? Или лучше увеличение картинки по наведению мышки сделать через CSS?
PM MAIL   Вверх
Котокобра
Дата 27.1.2010, 00:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: нет
Всего: 4



можно одним.

там в функции есть возможность передавать настройки отображения, соответственно

для галлереи:
Код

<a href="your.img" onclick="return hs.expand(this, {param_for_gallary: value_for_gallary, ...} )"... >img</a>


для предпросмотра (увеличения при наведении):
Код

<a href="yuor.img" ...
        onmouseover="return hs.expand(this, {param_for_preview: value_for_preview, ...} )"
        onmouseout="return hs.expand(this, {param_for_preview: value_for_preview, ...} )"
>img</a>


Делаешь сначала по отдельности, потом собираешь. 

адп: Хотя, там есть нетривиальный момент: onMouseOut должно быть приписано открытой картинке, иначе она будет моргать при движении мыши. Может проще сделать через хтмл: при наведении мыши выводится хтмл, в котором лежит большая картинка. А ей уже на onMouseOut назначить закрывание.

Это сообщение отредактировал(а) Котокобра - 27.1.2010, 00:35
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0753 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.