StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
7277888
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2011-09-01T23:47:28.447
FavoriteCount
0
LastActivityDate
2011-09-01T23:47:28.447
LastEditDate
LastEditorUserId
0
OwnerUserId
383609
ParentId
7277655
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
I've got you a solution. I'm using images in my <a href="http://jsfiddle.net/jamwaffles/6xXf6/" rel="nofollow">JSFiddle</a>, but they're only to demonstrate the effect. Fading between black backgrounds is difficult; I suggest you give the <code>ul</code> a black background and fade the text/content above it in and out; it will give a nicer effect. This is the code from the Fiddle. If you need an explanation, please ask. <pre><code>function fadeDivs() { var currentPanel = $("ul li:visible"); var currentPanelIndex = currentPanel.index(); currentPanel.fadeOut(1000); // If the next panel to fade in is beyond the last, start from the beginning again. if(currentPanelIndex == ($("ul li").length - 1)) { $("ul li:first-child").fadeIn(1000); } else // If it's not the last li, keep going through the list { currentPanel.next().fadeIn(1000); } // Keep the ball rolling setTimeout(fadeDivs, 5000); } $(document).ready(function() { // Just to make it look nice - this can be deleted (it's just filler content) $("ul li:eq(0)").html("<img src='http://barbados.org/landscap/bcparadise1.jpg'>"); $("ul li:eq(1)").html("<img src='http://www.get-free-wallpapers.com/wallpaper/previews/3652-1202425455/nature/oceans/3652-victoria-beach-laguna-beach-california.jpg'>"); $("ul li:eq(2)").html("<img src='http://www.traveltovietnam.cc/Upload/Tour/2352008111155_SplendorOfMuiNeBeachMuiNe2.jpg'>"); $("ul li:eq(3)").html("<img src='http://www.croatia-danexumag.com/cms_upload/upload/Apartments_VERUDELA_BEACH_00.jpg'>"); // Start the ball rolling setTimeout(fadeDivs, 3000); }); </code></pre> The images are licensed under blah blah who cares, bring on the lawsuit for me stealing your beach ;-)
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POjQuery fade DIV content
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USBojangles
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POjQuery fade DIV content
 singulars
 PostTypePostTypeId
 PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTAcceptedByOriginator
CommentsPostId
1. COlol stealing beach lol, im bringing my content in through XML or JSON...well JSON to be exact( but that does not matter ) but this looks good. Looking at it further.
 singulars
 PostPostId
 PO
 UserUserId
 USJerry S.

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.