/    Sign up×
Community /Pin to ProfileBookmark

Show low res image while real image loads

Copy linkTweet thisAlerts:
Sep 05.2008

I have a lowres gif image which I want to show while the bigger one is still loading. Do any of you know how to show this lowres image while the larger one is still loading? Then once the larger image has been fully loaded, it immediately replaces the lowres one.

Optional: If the larger image could fade-in using JQuery or Mootols or some other framework then that’d be great! I got my lowres gif from here [url]www.ajaxload.info[/url]

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@Ay__351_eSep 05.2008 — I use this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title></title>
</head>
<body>
<center>
<table width="600" height="450" border="1" cellpadding="0">
<tr>
<td background="http://www.el-aziz.net/templates/Wallpaper/images/blc.gif"><table width="600" height="450" border="0" cellpadding="0">
<tr>
<td background="http://www.el-aziz.net/data/media/52/istanbul_0000006.jpg" border="1" title="İstanbul Manzaraları"> </td>
</tr>
</table></td>
</tr>
</table>
</center>
</body>
</html>
×

Success!

Help @enchance spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...