this is the simple javascript that will handle all the changing-picture stuff
<script type="text/javascript">
function replacePic(newpic){
document.getElementById('preview').src=newpic;
}
</script>
and this is the html with radios, etc. that will call the previous javascript to change the pictures
<form name="form"><input type="reset" value="remove pic" onclick="replacePic('');
document.getElementById('preview').style.display='none';" /><br /><br /> <!--this looong line is for safari ¬¬-->
<input type="radio" name="radioPic" id="rad1" value="firstpic.jpg" onfocus="replacePic(this.value);"
onclick="replacePic(this.value);" /> <!--this line is for safari too-->
<label for="rad1">pj's</label><br />
<input type="radio" name="radioPic" id="rad1" value="second.jpg" onfocus="replacePic(this.value);"
onclick="replacePic(this.value);" /> <!--this line is for safari too-->
<label for="rad1">her</label><br />
<input type="radio" name="radioPic" id="rad1" value="third.jpg" onfocus="replacePic(this.value);"
onclick="replacePic(this.value);" /> <!--this line is for safari too-->
<label for="rad1">blue</label><br />
<input type="radio" name="radioPic" id="rad1" value="etc.jpg" onfocus="replacePic(this.value);"
onclick="replacePic(this.value);" /> <!--this line is for safari too-->
<label for="rad1">pink</label><br />
<br />
<img src="" id="preview" />
Login
Register
Search
View unanswered posts - View active topics
