Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

как делается подобный эффект?

Обсуждение темы как делается подобный эффект? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Посмотрите пожалуйста, как сделать такой же эффект: portbail.net/?sublist=1 При наведении мыши на фотоаппарат появляется картинка. Переношу этот сайт на joomla, но не получается ...


Закрытая тема
 
Опции темы
Старый 28.09.2008, 19:19   #1
Посмотрите пожалуйста, как сделать такой же эффект:

portbail.net/?sublist=1

При наведении мыши на фотоаппарат появляется картинка. Переношу этот сайт на joomla, но не получается добиться такого же эффекта sad.gif

Есть код js.

У меня почему-то вот так получилось: weweb.ru/pb/index.php?option=com_co...3&Itemid=21

видимо я неправильно код вставляю. помогите пожалуйста. очень надо
 
Старый 28.09.2008, 19:19
Ссылки
Старый 28.09.2008, 20:22   #2
по первой ссылке в цсс используется стиль
.context
{
position: absolute; z-index: 4; left: 10px; top: 0px;
visibility: hidden;
}
Вы его тоже используете, только в цсс не прописываете
 
Старый 29.09.2008, 12:53   #3
Спасибо. Прописал в css и теперь работает, но не до конца. Фотографии пропали, но если потыкать в определенных местах - появляются. Что еще подправить?
 
Старый 29.09.2008, 12:57   #4
Цитата:
Сообщение от Xook Посмотреть сообщение
Что еще подправить?
Может за вас еще сделать?!
 
Старый 29.09.2008, 14:28   #5
Цитата:
Сообщение от Rembrandt Посмотреть сообщение
Может за вас еще сделать?!
видимо я не очень вежливо просил помощи.




посмотрите пожалуйста сейчас: weweb.ru/pb/index.php?option=com_content&task=view&id=13&Itemi d=21 . Почти получилось, только нужно чтобы картинка появлялась когда подводишь мышку к иконке фоотоаппарата, а не нажимаешь на нее.
 
Старый 29.09.2008, 15:47   #6
в ИЕ все норм, только нет иконок фотоаппарата
в ФФ все есть, только картинка при наведении показывается в левом верхнем углу

Добавлено через 18 минут

для класса .context используйте position: relative;

Добавлено через 2 минуты

а ваше photo.png в ИЕ не отображается видимо из-за прозрачности

Последний раз редактировалось Aldes; 29.09.2008 в 15:48.. Причина: Добавлено сообщение
 
Старый 29.09.2008, 16:27   #7
Цитата:
Сообщение от Aldes Посмотреть сообщение
а ваше photo.png в ИЕ не отображается видимо из-за прозрачности
Такого не может быть.
 
Старый 30.09.2008, 13:21   #8
сейчас работает в обоих браузерах, но все-равно не как в оригинале
вроде стили скопировал правильно. не понимаю в чем тут дело

Добавлено через 19 часов 56 минут

Понимаю что уже всех достал своими вопросами...
Можете сейчас посмотреть?
weweb.ru/pb/index.php?option=com_content&task=view&id=13&Itemi d=21

Сейчас в ie6 и opera всплывает картинка абсолютно верно, но в firefox работает не так. меняю position на relative или fixed в ff - более менее, а в остальных вообще перестает работать. Сам я тут не догадаюсь в чем дело. Нужен совет профессионала

Последний раз редактировалось Xook; 30.09.2008 в 13:21.. Причина: Добавлено сообщение
 
Старый 30.09.2008, 14:08   #9
попробуйте сам фотоапарт розместить position:relative; а потом уж и саму фотографию, а вообще почитайте про "выпадающие" меню, там эту проблему решают часто.
 
Старый 30.09.2008, 14:08
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как это делается? S1xteen Графические работы 5 02.07.2010 12:54
Подскажите как делается этот эффект? dima_kiv HTML, CSS, JavaScript 8 27.05.2010 06:48
фон не делается прозрачным parch HTML, CSS, JavaScript 1 05.12.2009 22:52
Народ я новичок в дизе, скажите сколько стоит подобный сайт на PHP ssszem Скамейка запасных 26 30.07.2008 23:08
Как такое делается? m_Stasuk Растровая графика 12 13.09.2005 09:20


Текущее время: 08:18. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум