CODEWITHSUNDEEP
javascriptjqueryhtmlcss
user880057
user880057

Reputation:

simulate hover event

I have a list filled with images and descriptions like this:

<li>
<img class="photography"  src="PHOTO/boat.jpg" alt="Boat on sea." />
</li>
<li><div id="description" class="description">
<p>BOAT</p>
<p>ITALY</p>
</div></li>
<li>

I would like to simulate a hover event on the picture when i hover over the description div. Can someone please hellp me on this?

Upvotes: 0

Views: 556

Answers (3)

kaya
kaya

Reputation: 41

I am not sure which functions and parameters you are using but here is an example that you can modify.

$("#description").mouseout(function(){
    $(".photography").pixastic("blurfast", {amount:0.2})
});

$("#description").mouseenter(function(){
    $(".photography").pixastic("revert")
});

Upvotes: 0

genesis
genesis

Reputation: 50976

$("#description").mouseout(function(){
    $(".photography").css('border','');
});

$("#description").mouseenter(function(){
    $(".photography").css('border','4px solid #333');
});

demo

Upvotes: 2

mafis
mafis

Reputation: 1165

You can use a big div around your complete list and use this hover event.

Upvotes: 0

Related Questions