[Narate]

Whats the best way of achieving this kind of effect doo-dar?

http://www.danielsenphoto.com/portfolio.php

Loading background comes up behind the image, I reckon I could do with something similar for mine as the images loads pretty slow in some isntances.

www.narate.co.uk

[Transmogrify]

Just off the top of my head - really really small image (loading), an image placeholder div -

<div id="placeholder">
<img src="hugefile.jpg" width="480" height="640">
</div>

#placeholder
{
background-image: url(smallfile.gif);
background-repeat: repeat;
width: 480px;
height: 640px;
}

Something like that might work?

[Narate]

Cheers I'll give it a bash

[Red Cap]

howabout giving the img tag a background? then you wouldnt need the extra placeholder div?

<img class="gallery" src="hugefile.jpg">

.gallery {
display: block;
background-image: url(smallfile.gif);
background-repeat: repeat;
width: 480px;
height: 640px;
}

[pgo]

^^^ Probably your best bet.

Also, who on earth designs their site for 1280x1024...95% of people will have horizontal scroll. How obnoxious. Like the site otherwise.

[Narate]

Originally Posted by pgo

Also, who on earth designs their site for 1280x1024...95% of people will have horizontal scroll. How obnoxious. Like the site otherwise.

Not following? the site is set in %'s

[iamtoby]

I'm not sure if it's deprecated but you used to just use lowsrc, which is a low res file that loads before the larger one.

ie.
<img src="blah.jpg" lowsrc="smallblah.gif" width="" height="" alt="" />