This is the html structure
<div id="gallery_container" >
<div class="album_column_one clearfix">
<div class="album a-small">
<ul>
<li><img src="img/1.jpg" alt=""/></li>
<li><img src="img/2.jpg" alt=""/></li>
<li><img src="img/3.jpg" alt=""/></li>
</ul>
</div>
</div>
</div>
The only image that appearing is the first img i use jquery to do that...
jquery code
$albums.each(function(index){
$(this).find('li').not(':first').css('display','none');
});
My problem is on hover effect. the problem is everytime i hover the mouse on the image it will disappear then after it will appear again. this effect happen until i remove the mouse on the image. This is the not the right result that i want. the result that i want is if a hover the mouse into the image it will disappear then after i remove the mouse it will appear again. what is the problem. there is no problem with my code bcoz i try to replace the fadein/fadeout effect to .css border to know the problem but there is no prob..
the code for the effects is this
slidetoleft = function(){
$column_wrapper.eq(0).children('div').find('li').hover(function(){
$(this).children('img').fadeOut();
},function(){
$(this).children('img').fadeIn();
});
}
slidetoleft();