Menu
Community /Pin to ProfileBookmark
@NogDogJan 10.2010 — #You can load them into a hidden HTML element:
Heh...I like the fact that this forum censors the male version of a peahen. :rolleyes:
Preloaded Images
Hello there,
I use javascript to preload images as show below. The problem is that every time a page is refreshed, it preloads again. Is there any way to get an image into memory that stays there forever without any more preloading?
<script type=’text/javascript’>
if (document.images) {
img001 = new Image(); img001.src = ‘images/background.jpg ‘;
img002 = new Image(); img002.src = ‘images/banner.jpg ‘;
}
</script>
Sign in
to post a comment4 Comments(s) ↴
0
@NogDogJan 10.2010 — #You can load them into a hidden HTML element:[code=php]
<?php
$images = array('pea****.png', 'middle_earth.jpg', 'kindle_skin.jpg', 'prototype.png');
$randImg = $images[array_rand($images)];
?>
<html><head><title>Preload Test</title>
<style type='text/css'>
#test {
display:none;
}
</style>
<script type="text/javascript">
function preload()
{
document.getElementById('test').innerHTML = "
<?php
foreach($images as $img)
{
echo "<img src='http://charles-reace.com/Photos/kindle/$img' />\
";
}
?>";
}
</script>
</head>
<!-- use onload event so preloading starts after rest of page is displayed -->
<body onload="preload();">
<p><img src="http://charles-reace.com/Photos/kindle/<?php echo $randImg; ?>" /></p>
<!-- this is where we'll preload the images -->
<div id='test' style='display:hidden;'></div>
</body>
</html>
[/code]Heh...I like the fact that this forum censors the male version of a peahen. :rolleyes: