StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCan't end jQuery fade on mouseout
primarykey
Id
6382574
data
AcceptedAnswerId
6382585
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-06-17T07:19:36.663
FavoriteCount
0
LastActivityDate
2011-06-17T18:36:45.550
LastEditDate
2011-06-17T08:31:15.927
LastEditorUserId
156629
OwnerUserId
801250
ParentId
0
PostTypeId
1
Score
1
ViewCount
617
LastEditorDisplayName
text
Body
I have a simple gallery style link setup using image swap on hover that I want to fade. I'm currently using ` <pre><code>.stop().hide().FadeTo("slow",1);` </code></pre> to fade in the image triggered by mousing over one of the links on the left, here's a test site to see what I'm talking about <a href="http://testsite00.hostoi.com" rel="nofollow">testsite00.hostoi.com</a> I can't figure out how to get the fade to end on mouseout. I'm trying to create a seamless fade between links but the fade is repeating on mouseout. Iv'e tried a number of combinations of .stop() and .hide() but can't seem to stop the effect from executing. Any ideas? Thanks in advance. jQuery: <pre><code>$(document).ready(function() { // Image swap on hover $("#gallery ul li img").hover(function(){ $('#main-img').attr('src',$(this).attr('src').replace('thumb/', '')) function() { //mouseenter handler $(this).stop().fadeTo("slow",0.5); } function (){ //mouseleave handler $(this).stop().fadeTo("slow",1.0); } }); </code></pre> HTML: <pre><code><div id="gallery"> <img src="images/gallery/home.png" alt="" id="main-img" /> <ul> <li class="home"><img src="images/gallery/thumb/home.png" alt="" /></li> <li class="about"><img src="images/gallery/thumb/about us.png" alt="" /></li> <li class="contact"><img src="images/gallery/thumb/Contact Us.png" alt="" /></li> <li class="services"><img src="images/gallery/thumb/Services.png" alt="" /></li> </ul> </div> </code></pre>
Tags
<jquery><mousehover><jquery-hover>
Title
Can't end jQuery fade on mouseout
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USkinakuta
UserOwnerUserId
1. USdcd0181
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POCan't end jQuery fade on mouseout
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTApproveEditSuggestion
2. VO
 singulars
 PostPostId
 POCan't end jQuery fade on mouseout
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.