Javascript 图像幻灯片在本地有效,但在托管时无效

标签 javascript jquery html css

看来你们是我的 javascript helper 。当我加载我的网页的本地副本时,我有一个完美的幻灯片。但是,当我加载托管在 GoDaddy 上的实际页面时,它不起作用。第一张图片显示,但只是静态的。控制台显示没有错误。再次感谢所有帮助。

<div class="auto-style1" style="width: 226px; height: 179px">
    <script language="javascript" type="text/javascript"> 
        var i = 0; var path = new Array(); 

        // LIST OF IMAGES 
        path[0] = "images/image_1.png"; 
        path[1] = "images/image_2.png"; 
        path[2] = "images/image_3.png";
        path[3] = "images/image_4.png";
        path[4] = "images/image_5.png";
        path[5] = "images/image_6.png";   

        function swapImage() 
        { 
            document.slide.src = path[i]; 
            if(i < path.length - 1) i++; 
            else i = 0; 
            setTimeout("swapImage()",3000); 
        } 
        window.onload=swapImage; 
    </script>           
    <img alt="" name="slide" height="140" src="images/image_1.png" width="224" class="auto-style2" />
</div>

最佳答案

您的文件夹名称前需要有"/"

给出路​​径为

path[0] = "/images/image_1.png"; 
path[1] = "/images/image_2.png"; 
path[2] = "/images/image_3.png";
path[3] = "/images/image_4.png";
path[4] = "/images/image_5.png";
path[5] = "/images/image_6.png";   

关于Javascript 图像幻灯片在本地有效,但在托管时无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23247603/

相关文章:

javascript - 在 KineticJS 中更改拖动的目标

javascript - KnockOutJS Show 在下拉选择更改时隐藏元素

javascript - 为什么我的图标没有显示?

javascript - 如何使用 jQuery 以编程方式扩展 Fuelux Treeview 文件夹?

Javascript 或 jQuery 在页面刷新时显示随机元素

javascript - 在函数内添加延迟

javascript - 使用 Chrome 的 datetime-local 自动填充 Date() UTC

javascript - 从 JSON 绑定(bind)每个表列(Head)的选择下拉列表,同时将 JSON 数据绑定(bind)到 HTML 表 Jquery

javascript - 在 AngularJs : Uncaught Error: [$injector:modulerr] 上创建搜索

javascript - 使用 javascript 从 txt 文件读取文本并显示在引导模式对话框中(通过 knockout 绑定(bind))