Объединить две или более функции

У меня есть 10 изображений с классом 1-10, как я могу заставить эту функцию работать для каждого класса? Прекрасно работает с классом = "1". Просто не знаете, как их добавить?Объединить две или более функции

<body> 
<div> 
    <img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic"> 
    <img src="img/13-01_basic_hover.jpg" class="2" width="220" height="184" title="Number 2"> 
</div> 
<div class="project"></div> 
<script> 
var title = $(".1, .2").attr("title"); 
$(".project").text(title); 
$(document).ready(function() { 
    $(".project").fadeTo(0,0); 
    $(".1, .2").hover(
     function() { 
      $(".project").stop(true).fadeTo("normal",1); 
     }, 
     function() { 
      $(".project").fadeTo("normal",0); 
     } 
    );  
}); 
</script> 
</body>

источник

2012-02-28 Scott Pedder

Проверить http://jsfiddle.net/skram/qQANX/ -> Я просто заменил свой код там .. –

Просто добавьте их как отделено значение запятой,

$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
    function() { 
    $(".project") 
     .text(this.title) 
     .stop(true).fadeTo("normal",1); 
    }, 
    function() { 
    $(".project").fadeTo("normal",0); 
    } 
);

Или добавить еще один класс к этим элементам и сгруппировать их, а затем вы можете,

$(".grouped").hover(
    function() { 
    $(".project") 
     .text(this.title) 
     .stop(true).fadeTo("normal",1); 
    }, 
    function() { 
    $(".project").fadeTo("normal",0); 
    } 
);

источник

2012-02-28 21:54:57

Спасибо, я пробовал это. Но когда я нависаю над своим вторым изображением, я получаю название из одного изображения? –

@ScottPedder То, потому что у вас есть заголовок, установленный снаружи .. Проверьте мой отредактированный код. –

Спасибо, но такая же история? я хотел бы сохранить отдельное имя класса для каждого изображения? –

Имена классов, начинающиеся с цифр недействительны. Вы должны это изменить.

Имена классов обычно используются для выбора групп элементов в любом случае. Просто добавьте второе имя класса для всех ваших предметов и используйте это вместо .1.

источник

2012-02-28 21:56:36

Спасибо, но все еще отображаю изображение, когда я паря над изображением 2? –

Объединить две или более функции

ответ

Смежные вопросы