Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
使用jquery在文档准备就绪后更改图像_Jquery - Fatal编程技术网

使用jquery在文档准备就绪后更改图像

使用jquery在文档准备就绪后更改图像,jquery,Jquery,我想在使用jquery完全加载后更改网页中的图像。我试着跟着,但似乎不起作用。有人能帮忙吗?我现在尝试的是: <div class="img1"> <img src="images/nice.png" class="hideimg"> <div class="area"> <img src="images/wrong.png" class="showimg"> </div> </

我想在使用jquery完全加载后更改网页中的图像。我试着跟着,但似乎不起作用。有人能帮忙吗?我现在尝试的是:

<div class="img1">
     <img src="images/nice.png" class="hideimg">
     <div class="area">
          <img src="images/wrong.png" class="showimg">
      </div>
</div>
 style
.hideimg{display:none}
.showimg{display:block}
onload jquery
   $("document").ready(function()
{
    $(".img1").attr("src",image).removeClass("hide_image").addClass("showimg");
}); 

风格
.hideimg{display:none}
.showimg{display:block}
onload jquery
$(“文档”).ready(函数()
{
$(“.img1”).attr(“src”,image).removeClass(“hide_image”).addClass(“showimg”);
}); 
像这样使用

if ( $(".img1 img").hasClass("hide_image") ) {
    $(this).addCladd("show_image");
}

从下载cycle插件

检查下面的html代码

<div id="s1" class="img1"> 
    <img src="images/nice.png" width="200" height="200" /> 
    <img src="images/wrong.png" width="200" height="200" /> 
</div>
编写jquery,如下所示

$("document").ready(function()
{
    $('#s1').cycle('fade');
}); 

如果我正确理解你,这应该有效。如果我误解了你,请告诉我:

有一件事,你似乎弄乱了类名,你必须决定使用哪一个,我看到你同时使用了“show_image”,“showimage”,“showimg”


Tim.

我需要为这两幅图像的交替显示设置动画帮助我在两幅图像之间设置动画,如下图所示我需要在特定间隔后交替更改图像帮助我在两幅图像之间设置动画,如下图所示css-tricks.com/examples/SimpleSlideshow我需要在特定间隔后交替更改图像检查以上内容代码,使用插件显示您要求的动画。请帮助我在两个图像之间设置动画,如css-tricks.com/examples/SimpleSlideshow我需要在特定间隔后交替更改图像。您可以使用
setInterval
函数进行此操作。
$("document").ready(function()
{
    $('#s1').cycle('fade');
}); 
$("document").ready(function () {
    $(".hideimg").each(function() {
        $(this).removeClass("hideimg").addClass("showimg");
    });
});