Я новичок во всем веб-дизайне, и мне очень трудно определить источник проблемы.Я не могу найти решение Google, потому что я не знаю, в чем проблема.По сути, я пытаюсь настроить одно изображение, которое меняется при нажатии на кнопку.Странно то, что мой код (все функции, которые управляют изображениями с помощью кнопок) действительно работает, когда я написал его в редакторе шаблонов веб-разработчика.Но затем я, наконец, сделал свой собственный шаблон, который состоит из чистого кода только для макетов, а не для всех изображений и кнопок.
Я помещаю этот код изображений и кнопок в другое место, где вы редактируете отдельную страницу.Внезапно я больше не могу активировать функции (кнопки, которые меняют изображения), даже если картинка видна.Это просто не изменит картину.Я не уверен, что это из-за самого веб-компоновщика или что-то не так с моим кодированием (приведено ниже).
Одна из возможных подсказок заключается в том, что редактор автоматически ставит! [CDATA [или что-то еще, когда я писалэтот код в редакторе страниц.Это! [CDATA не появляется, когда я помещаю код в редактор шаблонов.
<script language="JavaScript">// <![CDATA[
var a1 = new Image();
a1.src = "a111.jpg";
var imgs = ['a111.jpg', 'a11.jpg', 'a33.jpg','a44.jpg'];
function changeImageR() {
if (roomID == 0) {
var img = document["buttonOne"];
if (!img._index) img._index = 0;
img.src = imgs[img._index++];
if (img._index >= imgs.length) img._index = 0;}
}
// ]]></script>
<br /><br /><form style="font-size: 100%;">
<table border="3" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="a111.jpg" border="0" alt="click me" width="620" height="270" /></td>
</tr>
<tr>
<td colspan="2"><br /> <input onclick="changeImageR('textarea1')" name="buttonOne" type="button" value="Turn Right" /></td>
</tr>
</tbody>
</table>
<div style="font-size: xx-small; text-align: center;"><br /><textarea id="textarea1" cols="53" rows="5"> </textarea></div>
</form>