StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POLoad and access all images on load
primarykey
Id
10947545
data
AcceptedAnswerId
0
AnswerCount
3
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-06-08T10:58:32.583
FavoriteCount
1
LastActivityDate
2012-06-08T12:28:47.270
LastEditDate
2012-06-08T12:28:47.270
LastEditorUserId
1405274
OwnerUserId
1405274
ParentId
0
PostTypeId
1
Score
1
ViewCount
114
LastEditorDisplayName
text
Body
<p>I have a page where the menu buttons(which are images) are white but i want them to turn red on hover and back to white onmouseout. So i have the corresponding red menu buttons. So if the white button is motors1.jpg, the red button is motors2.jpg hence the JQuery code below algorithm.</p> <pre><code><table> <tr> <td><img class="navimg" src="images/home1.gif"/></td> <td><img class="navimg" src="images/motors1.gif"/></td> <td><img class="navimg" src="images/about_us1.gif"/></td> <td><img class="navimg" src="images/media1.gif"/></td> <td><img class="navimg" src="images/forums1.gif"/></td> <td><img class="navimg" src="images/dealers1.gif"/></td> <td><img class="navimg" src="images/whats_new1.gif"/></td> </tr> </table> </code></pre> <p>The Jquery code is:</p> <pre><code>$(document).ready(function(){ $('.navimg').mouseover(function(){ source=$(this).attr('src').replace('1','2'); $(this).attr('src',source); }).mouseout(function(){ source= source.replace('2','1'); $(this).attr('src',source); }); }); </code></pre> <p>I have used an external CSS stylesheet for positioning </p> <pre><code> .navimg{ width: 125.5px; height: 34px; } </code></pre> <p>So the question: I noticed that there is a lag when the page is first loaded for the white buttons to change to the red ones. I assume the lag is because the red buttons were not loaded on page load(therefore are not in the browser cache) and hence the jquery code reloads them. So any way to solve this by maybe loading them as hidden inputs, loading them to the browser cache would be appreciated or any other way to solve this.</p>
Tags
<javascript><jquery><html><css>
Title
Load and access all images on load
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USWilliam The Dev
UserOwnerUserId
1. USWilliam The Dev
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
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POLoad and access all images on load
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POLoad and access all images on load
  UserUserId
  USWilliam The Dev
  VoteTypeVoteTypeId
  VTFavorite
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.