Question

我想在使用jquery完全加载后更改网页中的图像。我正在尝试关注this example但它似乎不起作用。有人可以帮忙吗？我现在正在尝试的是：

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

只有一件事，你似乎搞砸了类名，你必须决定使用哪一个，我看你同时使用＆＃34; show_image＆＃34;，＆＃34; showimage＆＃34;，＆＃ 34; showimg＆＃34; ...

添

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

3 个答案: