Нужно сделать, чтоб при наведении на изображение оно "красивенько" поменялось.  У меня есть div с id='mydiv' и в него вложен <img>. При наведении надо его сделать прозрачным плавно, сменить изображение и вернуть так же плавно.
Использую такой код:

Изображение плавно затихает, но не всплывает. Проблема именно в src(), так как если удаляю эту строку то изображение возвращается (без смены)

Как менять src изображениям?. И может я неправильно написал #mydiv > img? я просто первый раз работаю с jQuery

Учите матчасть... 

Это сообщение отредактировал(а) ksnk - 2.12.2007, 21:13

ksnk, спс =) вроде бы где-то в мануале читал что просто src();

а вот возникла следующая проблема. У меня таких изображений много. Решил всем задать такую возможность циклом. и не работает


Это сообщение отредактировал(а) Innuendo - 3.12.2007, 00:55

А с какой целью вы все это пишете? imho, сейчас вы плохо понимаете что такое jquery и как оно работает.
Чтобы лучше понять это можно просмотреть и постараться понять примеры на jquery.com.

Теперь - к коду:

• конструкция "#menu"+n+"" - выглядит странно. Зачем последняя пустая строка ?
• конструкция 
  for (var n=1; n<=9; n++) {
      $("#menu"+n+"")... выглядит странно. У вас там только 9 меню? Больше не предполагается?
  
  В JQuery есть фенечка, которая мне понравилась - выбор по классу тега. Можно всем элементам меню поставить один и тот-же класс ('menuimg', к примеру) и искать по нему.
  Тогда конструкция, перебирающая ВСЕ элементы меню будет выглядеть примерно так:
    $('menuimg')...
•  Хранить имена картинок в отдельном javаScript массиве не удобно. если меню измениться - добавятся новые пункты, ets... - будет много лишний геморой. Лучше, imho, хранить их в html вместе с самим элементом меню в какой-нибудь дополнительном атрибуте. Как нибудь так :
   <img class='menuimg' src='Untitled-1.gif' oversrc='Untitled-2.gif'>

Итого - получился вот такой код, 
который несколько лучше вашего, но не может считаться рабочим, так как имеет забавные глюки, если очень быстро двигать мышкой  ;-)

это была просто страховка. Но вообще понятно, что последние "" не нужны.


Во, я сегодня думал всё таки насчёт моего примера, и вспомнил пример с jquery.com и понял, что удобнее не делать цикл а как-то объединить эти img.


А вот тут всё же не знаю. Ведь если так использовать то будет кэшироваться.. Я поэтому и храню изображения в объектах Image(); в массивах...


Но вообщем спасибо большое. Идею понял. Задам изоображениям один класс.

А вот эффекты меню запоминаются. Если я быстро буду вводить по меню и уберу потом мышку, то он ещё может секунд 10 все наведенные элементы промигать. Как сделать, чтобы при отведении от таблицы (в которой хрянятся изображения) все эффекты прекратились (которые в очереди стоят). ВОзможно такое?

Возможно. Метод называется stop
Проблема только в том, что при этом изображение замирает в недоанимированном состоянии и следующий цикл анимации начинается именно с него. то есть нужно бы восстановить после стопа "предшествующее" состояние и начинать следующий цикл анимации с него... 

ksnk, спасибо