Question

我是整个网页设计的新手，我在查明问题根源方面遇到了很多困难。我无法谷歌解决方案，因为我不知道问题是什么。基本上，我正在尝试设置单击按钮时更改的单个图像。奇怪的是，当我在Web构建器的模板编辑器中编写代码时，我的代码（通过按钮控制图像的所有函数）实际上都能正常工作。但后来，我终于制作了自己的模板，其中仅包含纯粹的编码，而不是所有的图像和按钮。

我把图片和按钮代码放在另一个编辑单个页面的地方。突然间，即使图片可见，我似乎也无法激活功能（更改图像的按钮）。它只是不会改变图片。我不确定这是因为网站构建者本身还是我的编码有问题（如下所示）。

一个可能的线索是编辑器自动放入！[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>

Answer 1

你的代码中的空格很难以辨认，但是如果它被注释掉了，CDATA标签就不会出现问题了。我注意到一个问题，在onchange事件中，当你调用changeImageR时，你传递的是一个参数。但是你的changeImageR函数不接受参数。

网页设计问题与模板和页面编辑器中的图像

1 个答案: