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