Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery替换html中的图像_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使用jquery替换html中的图像

Javascript 如何使用jquery替换html中的图像,javascript,jquery,html,Javascript,Jquery,Html,我已经编写了下面的代码,用于使用jquery替换图像以显示图像的运动事件,但是未找到图像-控制台输出中显示错误。我已经上传了所有图片,所有图片都有读取、写入和执行的权限 var i = 1; // set your counter to 1 var strOutput; var luckyNumber; var imgStr=""; var time; function ShowLuckyNumber() { $('#play').css('d

我已经编写了下面的代码,用于使用jquery替换图像以显示图像的运动事件,但是
未找到图像
-控制台输出中显示错误。我已经上传了所有图片,所有图片都有读取、写入和执行的权限

var i = 1;                     //  set your counter to 1

var strOutput;
var luckyNumber;
var imgStr="";
var time;
function ShowLuckyNumber() {
    $('#play').css('display','none');
    $('#btnLuck').css('display','none');
    $('#numbers').css('display','none');
    $('.TestRotator').css('display','block');

    var rotator = document.getElementById('rotator'); // change to match image ID
    var imageDir = 'http://perfectinter.net/subdomains/lottefree/image/';
    var delayInSeconds = 1;
    var images = ['draw_001.jpg', 'draw_002.jpg', 'draw_003.jpg', 'draw_004.jpg', 'draw_005.jpg', 'draw_006.jpg', 'draw_007.jpg', 'draw_008.jpg',  'draw_009.jpg','draw_010.jpg','draw_011.jpg', 'draw_012.jpg', 'draw_013.jpg', 'draw_014.jpg', 'draw_015.jpg', 'draw_016.jpg', 'draw_017.jpg', 'draw_018.jpg',  'draw_019.jpg','draw_020.jpg','draw_021.jpg', 'draw_022.jpg', 'draw_023.jpg', 'draw_024.jpg', 'draw_025.jpg', 'draw_026.jpg', 'draw_027.jpg', 'draw_028.jpg',  'draw_029.jpg','draw_030.jpg','draw_031.jpg', 'draw_032.jpg', 'draw_033.jpg', 'draw_034.jpg', 'draw_035.jpg', 'draw_036.jpg', 'draw_037.jpg', 'draw_038.jpg',  'draw_039.jpg','draw_040.jpg','draw_041.jpg','draw_042.jpg','draw_043.jpg','draw_044.jpg','draw_045.jpg','draw_046.jpg','draw_047.jpg','draw_048.jpg','draw_049.jpg','draw_050.jpg','draw_051.jpg','draw_052.jpg','draw_053.jpg','draw_054.jpg','draw_055.jpg','draw_056.jpg','draw_057.jpg','draw_058.jpg','draw_059.jpg','draw_060.jpg','draw_061.jpg','draw_062.jpg','draw_063.jpg','draw_064.jpg','draw_065.jpg','draw_066.jpg','draw_067.jpg','draw_068.jpg','draw_069.jpg','draw_070.jpg','draw_071.jpg','draw_072.jpg','draw_073.jpg','draw_074.jpg','draw_075.jpg','draw_076.jpg','draw_077.jpg','draw_078.jpg','draw_079.jpg'];
    var num = 0;
    var value=1; 
    var path="";
    var changeImage = function () {
        var len = images.length;
        //rotator.src = imageDir + images[num++];
        path=imageDir + images[num++];
        $('#rotator').attr('src',path);

        //alert(rotator.src);
        if (num == len) {
            num = 0;
            resetfun();
        }
    };
    time=setInterval(changeImage, delayInSeconds * 50);
}

function resetfun()
{
    clearTimeout(time);
    luckyNumber=Math.floor((Math.random() * 9999) + 1);

    var dataString ='number='+luckyNumber;
     /* $.ajax({
        type: "POST",
        url: "playentry.php",
        data: dataString,
        success: function(data){
            $("#dealsptab").html(data);
        }
    });*/
    var check=$('#dealpt').val();
    if(check==0)
    {
        document.location.href='dealpoint.php';
    }
    var luckyNums = document.getElementById("numbers");

    var frontTag = "<span>";
    var backTag = "</span>";

    if (luckyNumber < 10)
        strOutput = "000" + luckyNumber;
    else if (luckyNumber < 100)
        strOutput = "00" + luckyNumber;
    else if (luckyNumber < 1000)
        strOutput = "0" + luckyNumber;
    else
        strOutput = "" + luckyNumber;

    var j=0;
    for (var i = 0; i < 4; i++) {
        imgStr += frontTag + strOutput.substr(i, 1) + backTag;
        j=i+1;
        $('#sp'+j).val(strOutput.substr(i, 1));
    }
    $('.TestRotator').css('display','none');
    $('#play').css('display','block');
    $('#btnLuck').css('display','block');
    $('#numbers').css('display','block');
    return false;
}
var i=1;//将计数器设置为1
无功功率输出;
var-luckyNumber;
var imgStr=“”;
var时间;
函数ShowLuckyNumber(){
$('#play').css('display','none');
$('btnLuck').css('display','none');
$('#number').css('display','none');
$('.TestRotator').css('display','block');
var rotator=document.getElementById('rotator');//更改以匹配图像ID
var imageDirhttp://perfectinter.net/subdomains/lottefree/image/';
var-delayinsonds=1;
变量图像=“Drawuu003.jpg”、“Drawu004.jpg”、“Drawuu003.jpg”、“Drawuu004.jpg”、“Drawu005.jpg”、“Drawu006.jpg”、“Drawu006.jpg”、“Draw0.001.jpg”、“Draw0.001.jpg”、“Draw0.001.jpg”、“Drawu002.jpg”、“Drudu003.jpg”、“Drudu004.jpg”、“DrU005.jpg”、“Drudu005.jpg”、“Dru005.jpg”、“Dru005.jpg”、“Dru001.jpg”、“DrU005.005.jpg”、“DrU003.jpg”“”“Dru003.003.003.003.003.003.003.003.003.jpg”、“Drpu0.jpg”“”“”“”“”“”“”“”“”“”“”“Drpu013.013.013.013.013.013.jpg”“013.jpg”“013.jpg”、“图纸_022.jpg'“Drawu026.jpg”、“Drawu026.jpg”、“Drawu026.jpg”、“Drawu026.jpg”、“Drawu027.jpg”、“Drawu027.jpg”、“Drawu028.jpg”、“Drawu023.jpg”、“Drawu023.jpg”、“Drawu023.jpg”、“Drawu025.jpg”、“Drawu6.jpg”、“Dr绘制”Drawu027.jpg”、“Drawu027.jpg”、“Draw7.jpg”、“Dru027.jpg”、“Dru027.jpg”、“Dru027.jpg”、“Dru027.jpg”、“Dru027.jpg”“Dru027.jpg”、“Dru027.jpg”、“Dru027.jpg”、“Dru027.jpg.jpg.jpg.jpg”、“Dru027.jpg”、“Dru027.jpg”、“Dru027.jpg”、“g','draw_043.jpg','draw_044.jpg','“Drawuu048.jpg”和“Drawu045.jpg.jpg”以及“Drawuu048.jpg”和“Drawu048.jpg”和“Drawu048.jpg”、“Drawu049.jpg”、“Drawu045.jpg”和“Drawu045.jpg.jpg”和,“Drawuu048.jp7.jpg”和,“Drawu048.jpg.jpg.jpg”和“Dru048.jpg”和“Dru048.jpg.jpg.jpg”和,“Dru048.jpg.jpg.jpg.jpg”和“Dru048.jpg.jpg”和,“Dru048.jpg.jpg.jpg”和,“Dru048.jpg”、“Dru048.jpg.jpg.jpg.jpg.jpg”、“Dru055.jpg.jpg.jpg”、“062.jpg',draw_063.jpg',draw_064.jpg',draw_065.jpg',draw_066.jpg',draw_067.jpg',draw_068.jpg'、'draw_069.jpg'、'draw_070.jpg'、'draw_071.jpg'、'draw_072.jpg'、'draw_073.jpg'、'draw_074.jpg'、'draw_075.jpg'、'draw_076.jpg'、'draw_077.jpg'、'draw_078.jpg'、'draw_079.jpg';
var num=0;
var值=1;
var路径=”;
var changeImage=函数(){
var len=images.length;
//rotator.src=imageDir+images[num++];
path=imageDir+images[num++];
$('#rotator').attr('src',path);
//警报(rotator.src);
如果(num==len){
num=0;
resetfun();
}
};
时间=设置间隔(changeImage,delayInSeconds*50);
}
函数重置乐趣()
{
clearTimeout(时间);
luckyNumber=Math.floor((Math.random()*9999)+1);
var dataString='number='+luckyNumber;
/*$.ajax({
类型:“POST”,
url:“playentry.php”,
数据:dataString,
成功:功能(数据){
$(“#dealsptab”).html(数据);
}
});*/
var check=$('#dealpt').val();
如果(检查==0)
{
document.location.href='dealpoint.php';
}
var luckyNums=document.getElementById(“数字”);
var frontTag=“”;
var backTag=“”;
如果(幸运数字<10)
strOutput=“000”+幸运数字;
否则如果(幸运数字<100)
strOutput=“00”+幸运数字;
否则如果(幸运数字<1000)
strOutput=“0”+幸运数字;
其他的
strOutput=“”+幸运数字;
var j=0;
对于(变量i=0;i<4;i++){
imgStr+=frontTag+strOutput.substr(i,1)+backTag;
j=i+1;
$('sp'+j).val(strOutput.substr(i,1));
}
$('.TestRotator').css('display','none');
$('#play').css('display','block');
$('btnLuck').css('display','block');
$('#number').css('display','block');
返回false;
}

问题在于你的url:你写的东西根本不存在,这就是你要找的


简单地说,你写的“图像”并不存在,“图像”是正确的目录

问题在于你的url:你写的是不存在的,这就是你要找的

简单地说,您编写的“image”并不存在,“images”是要在ready上设置的正确目录:

$(function() {
$("img")
    .mouseover(function() { 
        var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
        $(this).attr("src", src);
    })
    .mouseout(function() {
        var src = $(this).attr("src").replace("over.gif", ".gif");
        $(this).attr("src", src);
    });
});

要在就绪状态下设置:

$(function() {
$("img")
    .mouseover(function() { 
        var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
        $(this).attr("src", src);
    })
    .mouseout(function() {
        var src = $(this).attr("src").replace("over.gif", ".gif");
        $(this).attr("src", src);
    });

})

对我来说似乎是一个简单的拼写错误:)对我来说似乎是一个简单的拼写错误:)我删除了代码段,因为它没有演示任何东西。发布依赖于
DOM
元素而没有HTML的js代码段是没有用的…我删除了代码段,因为它没有演示任何东西。Post在代码片段中使用依赖于
DOM
元素而不使用HTML的js是无用的。。。