StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POLoad 1000 images smartly
primarykey
Id
10137758
data
AcceptedAnswerId
0
AnswerCount
5
ClosedDate
CommentCount
12
CommunityOwnedDate
CreationDate
2012-04-13T08:41:59.893
FavoriteCount
3
LastActivityDate
2012-04-13T20:20:15.140
LastEditDate
2012-04-13T20:04:13.960
LastEditorUserId
63550
OwnerUserId
1303767
ParentId
0
PostTypeId
1
Score
13
ViewCount
3406
LastEditorDisplayName
text
Body
I have like 1000 images on the same page. Unfortunately, I can't use sprites on them, as the number of images increases continuously. So you can imagine it sends 1000 HTTP requests, so it takes lots of time for the images to load plus it's not good experience for the visitors. I have seen one of the scripts named as Lazy Load, but I was thinking if there is a smarter way of loading images (good regarding <a href="http://en.wikipedia.org/wiki/Search_engine_optimization" rel="noreferrer">SEO</a>, loads images faster and is good for user experience). Is there a way out to load images in a better way? To elaborate: I have to load all 1000 images on the same page, there is no other way out. What is it going to be like or for what am I going to use it for, I have actually made a test page for you at <a href="http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html" rel="noreferrer">http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html</a>. As you can see, I am using the <a href="http://razorjack.net/quicksand/" rel="noreferrer">jQuery Quicksand</a> plugin made by Jacek Galanciak. I don't have good relations with this plugin as if I am going to add jQuery or a script to it. It will ask for a callback function which is a blind spot for me. (That's why I made a CSS tooltip for it :D) I have many pictures in my test page but not 1000. When they will be 1000, it will be a mess. So I don't know how to deal with 1000 images in this case. (By the way THANKS TO YOU ALL FOR LOVELY COMMENTS)
Tags
<javascript><jquery><image><loading>
Title
Load 1000 images smartly
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USPeter Mortensen
UserOwnerUserId
1. USCryOfFaclon
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 1000 images smartly
 UserUserId
 USmplungjan
 VoteTypeVoteTypeId
 VTFavorite
2. VO
 singulars
 PostPostId
 POLoad 1000 images smartly
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 POLoad 1000 images smartly
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

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.