Vincent Puglia — Tue, 30 Mar 2004 21:37:31 +0000

Sorry about the gender mix up; I just grabbed the name from the pics. Regarding your fix: you are still not preloading anything.

Vinny

LABachlr — Tue, 30 Mar 2004 15:25:54 +0000

First of all, my name is not Laurie. I'm just working on her website. Based on my screenname, I think that you can figure out that I'm a guy.

And thanks for the info, but I already figured it out. All I had to do was change the body tag of the new page to the following and it works perfectly:

Quote:

If I had more time, I'd compare my code to yours, but I don't. Thanks though.

Vincent Puglia — Tue, 30 Mar 2004 13:40:45 +0000

Hi Laurie,

Let me start with: That's too much Mickey Mouse code for me to look through. Second, it is not preloading anything. 'Pre' means to do something before something else -- in this case, before loading -- however, since it is in a function that is called with the 'onload' event handler, the loading is actually taking place after the page is displayed. (if you haven't guessed by now, I'm not thrilled with dreamweaver -- I would rather stay awake and write my own code than use its string of spaghetti code

If all you want is to display a larger image when a smaller one is clicked, the following will do just that:

<?php
&lt;script type=\"text/javascript\"&gt;
var bin = \"http://members.aol.com/grassblad/images/\"
var picsSrc = new Array(\"grassAvatar.jpg\", \"moi.jpg\");
var pics = new Array();

for (var i = 0; i < picsSrc.length; i++)
{
  pics[i] = new Image();
  pics[i].src = bin + picsSrc[i];
}
function doit(num)
{
  document.theBigPic.src = pics[num].src;
}
&lt;/script&gt;
</head>
<body>
<img name=\"theBigPic\" height=\"200\" width=\"200\" src=\"http://members.aol.com/grassblad/images/moiAvatar.jpg\"><br />
<a href=\"#\" onclick=\"doit(0)\"><img src=\"http://members.aol.com/grassblad/images/grassAvatar.jpg\"></a>
<a href=\"#\" onclick=\"doit(1)\"><img src=\"http://members.aol.com/grassblad/images/moiAvatar.jpg\"></a>
</body>
?>

Vinny