Many a times when we replace the image with the same name, browser still picks up the old one. Almost every developer faces this issue, then he asks the person to clear the cache by ctrl + F5 or any other means. But is this the solution?
No, So what can we do in this case? There are two solutions,
1 – rename the new image and change the image name in code. But for a dot net developer this is pain because he may have to republish the code and send an upload of the dll again. And giving an upload of dll because of change in image is foolishness, ain’t it?
document.getElementById('myimg').src = document.getElementById('myimd').src + '?' + (new Date()).getTime();
You need to make sure this code runs after page has loaded else, it will give an error if that image tag is not yet rendered.
In JQuery for single image code will be
$("#myimg").attr('src',$(this).src + '?' + (new Date()).getTime());
For all the images
jQuery(this).attr('src',jQuery(this).attr('src')+ '?' + (new Date()).getTime());
Hope this helps. If you have any more idea please share it with us by dropping a comment.
JQuery Animation Effect Links, here are some of the awesome animation effect you can consider while building a website,
- Fun with JQuery animation for designer – This does not contain much but would be helpful for designers.
- JSAnim – This tutorial contains some awesome Animation effects using JQuery.
- Abusing JQuery.Animate – . In the case of jQuery, you can easily animate any CSS property, and you get free work-arounds for browser bugs to boot. You can run multiple animations (of arbitrary duration) at the same time, queue animations and even animate complex properties like colors or clipping rectangles.
- JQuery color plugin and JQuery animation – In this post you will see how to create some cool menus with jQuery and jQuery Color Plugin.
Featured JQuery Animation Effect
jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. JParallax in background sample