 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
daniellevermitsky
Joined: 22 May 2008
Posts: 1
|
 Posted: Thu May 22, 2008 4:34 am Multiple Images - URGENT PLEASE HELP |
 |
|
|
I need to load several images after selecting a link, I dont ahve them as all one image because it will take too long to load.
here is a sample line the code I have:
<a href="cover1.jpg" target="main"><img border="0" src="nav 4.jpg">
so when I click on the image "nav 4.jpg" then "cover1.jpg" will show ... I need more images to load below the cover1.jpg image and so forth ..
Please help!!! |
|
Straystudio
Joined: 14 Apr 2008
Posts: 261
Location: Nord Italy
|
| Posted: Thu May 22, 2008 5:58 am |
|
|
|
Made quickly.
Let me know if this is close to what You are telling:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>daniellevermitsky</title>
<script type="text/javascript">
<!--
function clearImg() {
document.getElementById("imgPlace1").src = "";
document.getElementById("imgPlace2").src = "";
document.getElementById("imgPlace3").src = "";
document.getElementById("imgPlace4").src = "";
document.getElementById("imgPlace11").src = "";
document.getElementById("imgPlace12").src = "";
document.getElementById("imgPlace13").src = "";
document.getElementById("imgPlace14").src = "";
}
function timedLoading() {
setTimeout('document.getElementById("imgPlace1").src = "http://cronologia.leonardo.it/storia/biografie/rommel.jpg";', 10);
setTimeout('document.getElementById("imgPlace2").src = "http://campidisterminio.altervista.org/images/erwin-rommel/erwin-rommel-05.jpg";', 1000);
setTimeout('document.getElementById("imgPlace3").src = "";', 11);
setTimeout('document.getElementById("imgPlace4").src = "";', 11);
setTimeout('document.getElementById("imgPlace11").src = "";', 11);
setTimeout('document.getElementById("imgPlace12").src = "";', 11);
setTimeout('document.getElementById("imgPlace13").src = "http://campidisterminio.altervista.org/images/erwin-rommel/erwin-rommel-06.jpg";', 2000);
setTimeout('document.getElementById("imgPlace14").src = "http://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Rommel_with_his_aides.jpg/200px-Rommel_with_his_aides.jpg";', 3000);
}
// -->
</script>
</head>
<body>
<div style="float: left;">
<br />
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="middle"><img id="imgPlace1" height="" width="" src="" alt="" />
</td>
</tr><tr>
<td align="center" valign="middle"<img id="imgPlace2" height="" width="" src="" alt="" />
</td>
</tr><tr>
<td align="center" valign="middle"><img id="imgPlace3" height="" width="" src="" alt="" />
</td>
</tr><tr>
<td align="center" valign="middle"><img id="imgPlace4" height="" width="" src="" alt="" />
</td>
</tr>
</table>
</td>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="middle"><img id="imgPlace11" height="" width="" src="" alt="" />
</td>
</tr><tr>
<td align="center" valign="middle"><img id="imgPlace12" height="" width="" src="" alt="" />
</td>
</tr><tr>
<td align="center" valign="middle"><img id="imgPlace13" height="" width="" src="" alt="" />
</td>
</tr><tr>
<td align="center" valign="middle"><img id="imgPlace14" height="" width="" src="" alt="" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div style="width: 320px; float: right;">
<ul>
<li><a href="javascript:;" onClick='document.getElementById("index").style.display="block"'>INDEX</a>
<div id="index" style="display: none;">
<br />
<ul>
<li><a href="javascript:;" onClick='document.getElementById("imgPlace1").src="http://cronologia.leonardo.it/storia/biografie/rommel.jpg";'>Image1</a></li>
<li><a href="javascript:;" onClick='document.getElementById("imgPlace2").src="http://campidisterminio.altervista.org/images/erwin-rommel/erwin-rommel-05.jpg";'>Image2</a></li>
<li><a href="javascript:;" onClick='document.getElementById("imgPlace13").src="http://campidisterminio.altervista.org/images/erwin-rommel/erwin-rommel-06.jpg";'>Image3</a></li>
<li><a href="javascript:;" onClick='document.getElementById("imgPlace14").src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Rommel_with_his_aides.jpg/200px-Rommel_with_his_aides.jpg";'>Image4</a></li>
<br />
<li><a href="javascript:;" onClick='timedLoading();'>Start Timed Loading Sequence</a></li>
<br />
<li><a href="javascript:;" onClick='clearImg();'>CLEAR ALL</a></li>
<br />
<li><a href="javascript:;" onClick='{document.getElementById("index").style.display="none";};'
style="text-decoration: none;">(Close) <span
style="background-color: #d00c62; color: #ffffff; padding:2px; font-size:8px;"> X </span></a><br/></li>
</ul>
</div>
</li>
</ul>
</div>
</body>
</html>
|
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
