изменить миниатюру для основного изображения

у меня есть синтаксическая ошибка? , может ли быть, что im использует notepad ++? ничего не происходит, когда я нажимаю миниатюру. Я новичок в javascript, так что это может быть так. Моя общая идея состояла в том, чтобы создать событие «changeimage», которое onclick изменит источник моего основного изображения для моего изображения уменьшенных изображений, чтобы сделать его больше. изменить миниатюру для основного изображения

<head> 
    <script type="text/javascript"> 
    function changeimage(event) 
    { 
    event = event; 

    var targetElement = event.target; 

    if (targetElement.tagName == "IMG") 
    { 
    document.getElementbyid("Main").src = targetelement.getattribute("src"); 
    } 
    } 
    </script> 
<meta charset="utf=8"> 
<style> 
#Main 
{ 
height:540px; 
width:540px; 
} 
.imgthmb1 
{ 
height:100px; 
width:100px; 
} 
</style> 
</head> 

    <body> 
    <img id="Main" src="img/rickroll1.jpg" </img> 
    <br /> 
    <div id="thumbnail" onclick="changeimage(event)"> 
    <img class="imgthmb1" src="img/rickroll1.jpg" /> 
    <img class="imgthmb1" src="img/rickroll2.jpg" /> 
    <img class="imgthmb1" src="img/rickroll3.jpg" /> 
    <img class="imgthmb1" src="img/rickroll4.jpg" /> 
    <img class="imgthmb1" src="img/rickroll5.jpg" /> 
    </div> 

    </body> 

</html>

источник

2015-10-27 Imadudeirl

Что вы понимаете, отправляя событие в качестве параметра? –

Это неправильное: ''. это должно быть '' – j08691

change document.getElementbyid («Main»). src = targetelement.getattribute («src»); to document.getElementbyid («Main»). src = targetElement.getattribute («src»); – TimCodes

Да, у вас есть ошибка синтаксиса:

targetElement пишется targetelement в следующей строке:

document.getElementbyid("Main").src = targetelement.getattribute("src");

Изменить его на следующее:

document.getElementbyid("Main").src = targetElement.getattribute("src");

В соответствующей заметке t его следующая линия является посторонней и может быть удалена:

event = event;

источник

2015-10-27 23:40:40 Quill

Javascript чувствителен к регистру.

вместо

document.getElementbyid("Main").src = targetelement.getattribute("src");

записи

document.getElementbyId("Main").src = targetElement.getAttribute("src");

Кроме того, ваш HTML разметка имеет ошибку:

<img id="Main" src="img/rickroll1.jpg" </img>

должен быть

<img id="Main" src="img/rickroll1.jpg">

источник

2015-10-27 23:44:59

изменить миниатюру для основного изображения

ответ

Смежные вопросы