StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You could simply use <code>jQuery("#your-image").hide();</code></p> <p>But the problem you are probably having is a browser cache leak. So what you could do is remove the images from the DOM, but then you have to reload them every single time the user scrolls to is and you will get a tremendous data transfer. So I suggest simply using the <code>hide()</code> function from jQuery, but this will not fix the caching problem.</p> <p>A nice thing to do could be starting Google Chrome and use the developer tools provided. Simply push <code>f12</code> on your keyboard and have a look at the <code>Timeline</code>. In the 3rd tab from the top (on the left side) you can select <code>memory</code>, is this very high? A great danger with websites like this is the memory overflow. This means the JavaScript garbage collector can not remove all <code>unused</code> objects. So make sure you do this right.</p> <ul> <li><a href="http://api.jquery.com/hide/" rel="nofollow">http://api.jquery.com/hide/</a></li> <li><a href="https://developers.google.com/chrome-developer-tools/" rel="nofollow">https://developers.google.com/chrome-developer-tools/</a></li> <li><a href="https://developers.google.com/chrome-developer-tools/docs/timeline" rel="nofollow">https://developers.google.com/chrome-developer-tools/docs/timeline</a></li> </ul> <p><strong>edit</strong>: I found <a href="http://www.html5rocks.com/en/tutorials/speed/scrolling/" rel="nofollow">this</a> article on the Smashing Magazine facebook page which you might find interesting reading.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload