опрокидывание изображений с помощью JQuery

Question

Начинающий вопрос здесь. Я собираюсь сделать функцию JQuery, которая используется для изменения изображения при зависании над ним. Я использую имя id как селектор. Как сделать его общим, чтобы у меня не было копии функции для каждого отдельного тега с обратным просмотром?

$("#home img").hover( 
     function(){ 
      blah 
     }, 
     function(){ 
      blah 
     } 
); 

Answer 1

Вы можете делать опрокидывания без js (если вам не нужна совместимость с IE6).

HTML:

<div class="imgHover"> 
    <img class="default" src="..."> 
    <img class="roll" src="..."> 
</div> 

CSS:

.imgHover .roll { 
    display: none; 
} 

.imgHover:hover .roll { 
    display: block; 
} 

.imgHover:hover .default { 
    display: none; 
} 

если вам нужна совместимость с IE6, это должно работать (это проверялось, хотя):

$('.imgHover').hover( 
    function() { 
     $('.default', $(this)).hide(); 
     $('.roll', $(this)).show(); 
    }, 
    function() { 
     $('.default', $(this)).show(); 
     $('.roll', $(this)).hide(); 
    } 
} 

Answer 2

Дайте изображения вы хотите сделать это с классом (простым и содержательным как rollover) и выберите с $(".rollover"). Это должно быть все, что нужно, если вы контролируете HTML.