No requests to the server

doomhz · Mar 8, 2011 · 812c5e9 · 812c5e9
1 parent 830109c
commit 812c5e9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/assets/jquery.imageCache.js b/assets/jquery.imageCache.js
@@ -29,7 +29,7 @@
 
 		$(document).ready(function () {
 			$(self).each(function (i, img) {
-				var src = $(img).attr('src');
+				var src = $(img).attr('src') || $(img).attr('data-src');
 				if (localStorage) {
 					var localSrc = localStorage[src];
 					if (localSrc) {

diff --git a/demo.html b/demo.html
@@ -10,15 +10,20 @@
   </head>
   <body>
 
-	  <h1>jQuery Image Cache plugin</h1>
+	<h1>jQuery Image Cache plugin</h1>
 
-	  <p>Images are kept in browser's Local Storage!</p>
+	<p>Images are kept in browser's Local Storage! But, sometimes they do a request to the server to check if the image is not updated when you keep the SRC attribute.</p>
 
 	<ul>
 	  <li><img src="assets/test-image-1.jpg" class="imageCache" /></li>
 	  <li><img src="assets/test-image-2.jpg" class="imageCache" /></li>
-	  <li><img src="assets/test-image-4.jpg" class="imageCache" /></li>
+	</ul>
-	  <li><img src="assets/test-image-5.jpg" class="imageCache" /></li>
+
+	<p>Images are kept in browser's Local Storage! No requests to the server are done because the image URL is not stored in the SRC attribute anymore but in data-src.</p>
+
+	<ul>
+	  <li><img src="" data-src="assets/test-image-4.jpg" class="imageCache" /></li>
+	  <li><img src="" data-src="assets/test-image-5.jpg" class="imageCache" /></li>
 	</ul>
 
 	<script type="text/javascript">