Здравейте,
Имам един "грид" от картинки и искам при минаване с мишката върху някоя от картинките да излиза див в/у картинката с информация.
Това което съм направил до момента ме удовлетворява, но поради не понятна за мен причина се изпълнява за всички елементи със съответния клас.
html
<img class="img" src="" />
<div class="info">info</div>
js
$(document).ready(function(){
$(".img").mouseover(function(){
$(".info").slideDown("slow");
});
$(".img").mouseout(function(){
$(".info").slideUp("slow");
});
});
Как според вас ще стане така, че да се изпълни за всяка картинка по отделно, а не едновременно за всички?
Имам един "грид" от картинки и искам при минаване с мишката върху някоя от картинките да излиза див в/у картинката с информация.
Това което съм направил до момента ме удовлетворява, но поради не понятна за мен причина се изпълнява за всички елементи със съответния клас.
html
<img class="img" src="" />
<div class="info">info</div>
js
$(document).ready(function(){
$(".img").mouseover(function(){
$(".info").slideDown("slow");
});
$(".img").mouseout(function(){
$(".info").slideUp("slow");
});
});
Как според вас ще стане така, че да се изпълни за всяка картинка по отделно, а не едновременно за всички?