выцветания изображения внутри DIV

Я пытаюсь получить его так, когда перемещение мыши над DIV выцветает изображение внутривыцветания изображения внутри DIV

function clickimage($imageid){    
$("#image_"+imageid).hover(function(){ 
$(this).fadeTo("slow", 1.0); 
},function(){   
$(this).fadeTo("slow", 0.6); 
}); 
} 

<div id='images_$imageid'> 
<a href='?tg=photos&photo=$imageid' onmouseover=\"javascript:clickimage('$imageid')\"> 
<img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
</a> 
</div>

источник

2009-06-24 Rickstar

так в чем ваш вопрос? –

Вы хотите установить привязку при загрузке документа, а не каждый раз, когда мышь наводится на изображение. Кроме того, я хотел бы создать класс, так что вы можете инициализировать парить по каждому пункту

$(document).ready(function() { 
    $(".image-hover-class").hover(function(){ 
     $(this).find('img').fadeTo("slow", 1.0); 
    },function(){   
     $(this).find('img').fadeTo("slow", 0.6); 
    }); 
});

Для ссылки, вы могли бы сделать что-то вроде этого:

<a class="image-hover-class" href="?tg=photos&photo=$imageid" \> 
    <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
</a>

Если вы хотите сделать парить на div, вы могли бы сделать это вместо (но я рекомендую делать парить на <a> теге):

$(document).ready(function() { 
    $(".image-hover-class").hover(function(){ 
     $(this).find('a img').fadeTo("slow", 1.0); 
    },function(){   
     $(this).find('a img').fadeTo("slow", 0.6); 
    }); 
});

Для DIV, вы могли бы сделать что-то вроде этого:

<div class="image-hover-class"> 
    <a href="?tg=photos&photo=$imageid" \> 
     <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
    </a> 
</div>

источник

2009-06-24 14:46:01 DanO