Исчезание изображения внутри div

Question

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

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

Это можно сделать, просто используя css. Я написал учебник здесь:

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

Просто включите свое оригинальное изображение и "блеклое" изображение.

Answer 3

я не вижу в атрибуте id элемента изображения.

когда вы делаете это

$("#image_"+imageid)

его попытаться найти этот идентификатор, добавить

ID = изображение _ "$ ImageID." img