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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Показ картинки по наведению мыши, в всплывающем диве 
:(
    Опции темы
ShurikA
Дата 2.8.2007, 11:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Зануда
***


Профиль
Группа: Завсегдатай
Сообщений: 1364
Регистрация: 29.10.2005
Где: Канада

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



Наверняка вы сталкивались с такими вещами как пказ увеличенной картинки (или любого другого HTML ) при наведении мыжой на обьект.
Как это делается? Когда то я уже видел тут где то на форуме что то подобное, но к сожалению не нахожу...


--------------------
Если долго мучиться, что нибудь получится...
user posted image
PM MAIL WWW ICQ Skype   Вверх
lexxICON
Дата 2.8.2007, 13:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Да ничего сложного. Вариантов тьма. Вот один из них
Код
<style>
    div {background-color:red; width:50px; height:50px}
</style>
<script>
    document.onmouseover = function (e) { 
        var target = e ? e.target : window.event.srcElement;
        if (target.nodeName === "DIV") { 
            target.style.width = target.style.height = "200px";
            target.style.backgroundColor = "pink";
            target.firstChild.nodeValue = "big pink";
        } else if (target.nodeName === "BODY") { 
            target = document.getElementsByTagName("div")[0];
            if (!target) return;
            target.style.width = target.style.height = "50px";
            target.style.backgroundColor = "red";
            target.firstChild.nodeValue = "small red";
            //ну а была бы картинка, поменяли бы ей адрес
            //div.src = "bigImg.gif";
        }
    }
</script>
<div>small red</div>

PM   Вверх
ShurikA
Дата 2.8.2007, 14:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Зануда
***


Профиль
Группа: Завсегдатай
Сообщений: 1364
Регистрация: 29.10.2005
Где: Канада

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



lexxICON
Это не совсем то что мне нужно. Мне нужно кое что немного посложней.
Можно взять за пример вор эту страничку:
http://www.fotolia.com/cat1/1000000
Попробуй поводить по пребьюшкам фоток...


--------------------
Если долго мучиться, что нибудь получится...
user posted image
PM MAIL WWW ICQ Skype   Вверх
Mymik
Дата 2.8.2007, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

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



ShurikA, попробуй воспользоваться поиском по слову tooltip


--------------------
ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru 
HomaPage ::  http://localhost/

:to_become_senile  :this
PM MAIL WWW ICQ   Вверх
ShurikA
Дата 2.8.2007, 16:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Зануда
***


Профиль
Группа: Завсегдатай
Сообщений: 1364
Регистрация: 29.10.2005
Где: Канада

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



Mymik
Пробовал, и даже нашёл, но как то это криво.
Единственное о чём я подумал это сделать следуящим образом:

1. При наведении мыши на обьект создаётся новый Child у Body в качестве DIV (соответственно с absolut position) с определённым ID.
2. С помощью Ajax заполняю его.
3. На mousemove даю ему новые координаты.
4. На mouseout убиваю, или скрываю так чтобы им же (если нужно) воспользоваться для другого обьекта.


--------------------
Если долго мучиться, что нибудь получится...
user posted image
PM MAIL WWW ICQ Skype   Вверх
Mymik
Дата 2.8.2007, 20:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

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



ShurikA, убивать не нужно. это плохо если ты юзаешь AJAX... лишние запросы к серверу, нагрузка на него и так далее... т.е. это плохо. Лучше как-то без этого

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

Вот. А теперь еще такое предложение, если тебе необходимо реализовать показ увеличенной версии картинки, так почему бы вообще без AJAX все делать... Ведь ты спокойно можешь называть картинки типа myFrieng_small.jpg а большая картинка выглядит myFriend_big.jpg... и все, просто подменить эти фрагменты и отобразить div с ними... все гораздо проще и без всяких там AJAX :о)


--------------------
ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru 
HomaPage ::  http://localhost/

:to_become_senile  :this
PM MAIL WWW ICQ   Вверх
ShurikA
Дата 3.8.2007, 20:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Зануда
***


Профиль
Группа: Завсегдатай
Сообщений: 1364
Регистрация: 29.10.2005
Где: Канада

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



Mymik
На тему AJAX ты прав, не во всеч случаях. Если строить всё что там начодится из тех данных которые подгруженны с превьюшкой, то надо значительно больше данных загружать при постройки самой страницы, вместо того что бы подгрузить только название маленькой картинки и ID фотки (а фоток может быть много!!!).  А что если мне нужно не только показать фотку, а ещё и какие то данные?  уже не говоря о том случае если нужно еще, на пример, проверять то или иное состояние on-line (как пример: можно ли узеру её снимать или нет )...


--------------------
Если долго мучиться, что нибудь получится...
user posted image
PM MAIL WWW ICQ Skype   Вверх
Goganchic
Дата 3.8.2007, 21:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



ShurikA, слушай, может быть я туплю, но почему бы не посмотреть исходный код указанной тобой в ссылке страницы?
PM Jabber   Вверх
Mymik
Дата 4.8.2007, 10:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

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



Goganchic, это не спортивно :о) тем более, тогда на форуме некому будет общаться :о) а так можно узнать как дела, как жизнь и попутно обсудить тему tooltip чтобы не удалили сообщение с пометкой "флейм" :о)


ShurikA, как дела, как жизнь молодая :о) как у вас там с погодкой. Как подруга ???  smile 


Цитата(ShurikA @  3.8.2007,  20:37 Найти цитируемый пост)
значительно больше данных загружать 

а почему больше данных ??? я чего-то не вьехал... если ты будешь динамически формировать этот div и так же динамически создавать url для страницы то от пользователя ничего не убудет... 

Цитата(ShurikA @  3.8.2007,  20:37 Найти цитируемый пост)
А что если мне нужно не только показать фотку, а ещё и какие то данные? 

ну дык, если данные еще надо показывать, тогда конечно же да... тогда нужен AJAX... Но в первом посте ты говорил только об увеличенной картинке ;о) вот я от этого и отталкивался, мол челу нах не нужен этот AJAX если ему только картинку надо показывать...


--------------------
ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru 
HomaPage ::  http://localhost/

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


 




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


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

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