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

Смена изображения

Обсуждение темы Смена изображения в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Еще не закрыто! Разобрался как на js спрятать png при onmouseover. Но как отобразить обратно и сделать так: навел исчезла png, навел появилась ...


Закрытая тема
 
Опции темы
Старый 12.08.2008, 13:07   #1
Еще не закрыто!
Разобрался как на js спрятать png при onmouseover. Но как отобразить обратно и сделать так: навел исчезла png, навел появилась png, навел исчезла png, навел появилась png... и т.д.?

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

точнее mouseover т.к. на jquery

Последний раз редактировалось Rembrandt; 12.08.2008 в 13:07.. Причина: Добавлено сообщение
 
Старый 12.08.2008, 13:07
Ссылки
Старый 12.08.2008, 15:33   #2
Если она уже исчезла, то таки куда же вы собрались наводить, чтобы она появилась?
Она ведь уже исчезла!
 
Старый 12.08.2008, 15:46   #3
исчезает png которая наложена на jpg, вот, а при наведении на jpg, должна снова появляться png, вот с этим у меня пробела.
$(function()
{
$('#png').mouseover(function()
{
$('#png').remove();
});
}); вот эта для скрытия remove() или hide()
-работает


$(function()
{
$('#img').mouseover(function()
{
$('#png').appendTo(document.body).css({opacity:0}) .animate({opacity: 1}, "slow");
});
}); вот для отображения png при наведения на jpq
-не работает
 
Старый 12.08.2008, 17:19   #4
А теперь угадайте дети, что делает функция $('...').remove()? Почитайте документацию, если не догадываетесь.

И подумайте, чем её заменить.
 
Старый 12.08.2008, 18:21   #5
Я читал...
Нашел три варианта:
1 remove - удаляет объект из dom'а but NOT remove them from the jQuery object и позволяет его использовать в дальнейщем
2 hide-скрывает его
3 appendTo(document.body).css({opacity:1}).animate({ opacity: 0}, "fast")
Но них. не работает

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

Уточню ситуация: навожу первый раз png исчезает - все ок, второй раз навожу png появляется и тутже исчезает, видимо, потому что в силу вступает первое правило.

Последний раз редактировалось Rembrandt; 12.08.2008 в 18:22.. Причина: Добавлено сообщение
 
Старый 13.08.2008, 03:59   #6
Правильно читали. Всё верно, remove() не удаляет объект из jQuery, его удаляет сборщик мусора, когда завершается функция $('#png').mouseover(), так как никто на него больше не ссылается.

Вам нужно использовать hide() и show() соответственно, но никак не remove().
 
Старый 13.08.2008, 09:56   #7
В итоге вот такой результат http://critic66.narod.ru/
 
Старый 13.08.2008, 10:06   #8
В целом вполне логичное. mouseover -- это любое движение мышью над изображением.
 
Старый 13.08.2008, 11:18   #9
deMone, ну а че это за команда? )) Б*я я за****ся искать... focus то же не попер.
PS Не попер - гл. Не получилось, не сработало. Пример: бобер не попер.

Edited by Silver
 
Старый 13.08.2008, 12:28   #10
Rembrandt, предупреждение.
 
Старый 13.08.2008, 12:28
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
смена фона verdyanna Технологии Flash 2 27.06.2009 20:02
Смена изображения в ячейке scetchy HTML, CSS, JavaScript 0 24.07.2007 14:52
Смена адреса kors@r Библиотека 8 07.12.2005 13:42
Смена ника kors@r Кальянная 5 20.09.2005 07:20
смена рисунка candy_man HTML, CSS, JavaScript 4 03.03.2004 16:15


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

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