jquery - 使用 jquery 准备好文档后更改图像

Question

使用 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");
}); 

Answer 1

像这样使用

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

Answer 2

从http://jquery.malsup.com/cycle/download.html下载循环插件

检查下面的代码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>

风格

.img1 {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 

.img1 img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

像下面这样写jquery

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

Answer 3

如果我理解正确，这应该可以工作，如果我误解了你，请告诉我：

http://jsfiddle.net/HNQgJ/

$("document").ready(function () {
    $(".hideimg").each(function() {
        $(this).removeClass("hideimg").addClass("showimg");
    });
});

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

蒂姆。