Page: http://www.doublooncove.com/signup.php
Problem: In Firefox, the changes work fine. In IE, the images just
disappear, and there is a broken image. The images are THERE. Some are
blank images (like placeholders, since the male character is shirtless,
his shirt is blank). But they do exist.
Here is a sample of the code, there are several of these functions but
they're all the same just different parts.
CODE
function change_gender() {
if(!document.im ages){
return
}else{
document.images .bodygender.src ="http://www.doublooncov e.com/images/pirates/"
+
document.signup .gender.options[document.signup .gender.selecte dIndex].value
+ "/" +
document.signup .gender.options[document.signup .gender.selecte dIndex].value
+ ".gif"
document.images .hairback.src=" http://www.doublooncov e.com/images/pirates/"
+
document.signup .gender.options[document.signup .gender.selecte dIndex].value
+ "/hair/" +
document.signup .hair.options[document.signup .hair.selectedI ndex].value
+ "/hair_" +
document.signup .hair.options[document.signup .hair.selectedI ndex].value
+ "_" +
document.signup .hair_color.opt ions[document.signup .hair_color.sel ectedIndex].value
+ "_back.gif"
document.images .hairfront.src= "http://www.doublooncov e.com/images/pirates/"
+
document.signup .gender.options[document.signup .gender.selecte dIndex].value
+ "/hair/" +
document.signup .hair.options[document.signup .hair.selectedI ndex].value
+ "/hair_" +
document.signup .hair.options[document.signup .hair.selectedI ndex].value
+ "_" +
document.signup .hair_color.opt ions[document.signup .hair_color.sel ectedIndex].value
+ "_front.gif "
*snip*
}
}
CODE
<td><b>Gender :</b></td>
<td>
<select size="1" name="gender" onChange="chang e_gender()">
<?
if($info['gender'] == 'female'){
print '<option select>female</option>';
print '<option>male</option>';
}else{
print '<option select>male</option>';
print '<option>female </option>';
}
?>
</select>
</td>
Any ideas?