축소판을 클릭하면 큰 이미지를 변경하는 간단한 함수를 만들려고합니다. 큰 이미지의 이름은 두 개의 배열로 유지됩니다. 그러나 올바른 파일 이름을 삽입하는 대신 첫 번째 문자 만 넣습니다.Onclick 함수 배열에 액세스하는 자바 스크립트 Contentaing 이미지 이름
arrayName [arrayOrder]는 전체 문자열이 될 것으로 예상 할 때 t 또는 m으로 평가되며 그 이유를 알 수 없습니다. 누구든지 도와 줄 수 있습니까?
HTML
<body onload="createImageArrays()">
<div id="displayImage">
<img src="images/tshirt1.jpg">
</div>
<div id ="thumbnails">
<img src="images/tshirtthumb1.jpg" onclick="imageSwap('tshirtArray', 0)">
<img src="images/tshirtmodelthumb1.jpg" onclick="imageSwap('modelArray',0)">
</div>
...
JS
function imageSwap(imageArrayName, imageArrayNumber){
var oldImage = document.getElementById('displayImage');
var arrayOrder = imageArrayNumber;
var arrayName = imageArrayName;
//var newImage = arrayName[arrayOrder];
oldImage.innerHTML='<img src="images/' + arrayName[arrayOrder] +'"</img>';
window.alert('arrayName[arrayOrder]');
}
function createImageArrays(){
var tshirtArray=["tshirtmodel1.jpg","tshirtmodel2.jpg","tshirtmodel3.jpg"];
var modelArray=["tshirt1.jpg","tshirt2.jpg","tshirt3.jpg"];
};