Question

內圖像我想要得到它，所以當在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> 

Answer 1

你想設置當文檔加載，而不是每次鼠標懸停在圖像的結合。另外，我想創建一個類，這樣就可以在每個項目上

$(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> 

Answer 2

我沒有看到的圖像元素id屬性的圖像。

，當你做到這一點

$("#image_"+imageid) 

其試圖找到這個ID， 添加

ID =圖像_ 「$圖像標識。」到的img

Answer 3

這可以用css來完成。我這裏寫了一個教程：

http://www.ozzu.com/html-tutorials/tutorial-creating-hover-effect-elements-using-css-t97597.html

就包括你的原始圖片和「褪色」的形象。