Quote:
|
Originally Posted by theFez
http://www.arch13.com/galtest4.php is broken. looks like you have a php error in there somewhere.
I think it might be a good idea to get the javascript working first then worry about integrating the php afterwards.
|
Good point theFez.
Here's a page I banged out that contains nothing but javascript code in this thread.
http://www.arch13.com/galtest5.php
Still the same problem as before, works for 1sec, then simply loads the image in the browser window instead of swapping the image.
I suspect the problem is with the image link, not the function but could be wrong.
The link is:
Code:
<p><a onclick="return showPic(this)" href="/imgs/thumbs/producefactory.jpg"><img src="/imgs/thumbs/producefactory.jpg"></a></p>
The javascript function in the page header is:
Code:
<script type="text/javascript" language="JavaScript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder').src = whichpic.href;
}
}
</script>
Like before, the image itself to be swapped is coded as:
Code:
<img id="placeholder" src="imgs/rail_def.jpg"/>
Is there a way to call the image using href=# to prevent the browser from linking to the image itslef instead? Or perhaps just a way to modify the code to make the swap work?
Edit:
This
doesn't work as it generates errors and doesn'r swap the image, but is the this a direction that would solve the problem?
I've made the first of the three links in
http://www.arch13.com/galtest5.php use this link to show what it does.
Code:
<p><a onclick="return showPic(this)='/imgs/thumbs/producefactory.jpg'" href="#"><img src="/imgs/thumbs/producefactory.jpg"></a></p>
Edit2:
Got
http://www.arch13.com/galtest4.php workink using your method (found the parse error)
It works great!
I'd still like to see if I can work through this with your help though, as it's a good learning experiance for me.