求助jquery 的淡入效果实现不了

Question

实现不了jquery的淡入效果  
 $(document).ready(function () {
            $("#bigImageDiv").fadeIn(2000);
            var bigImageURL = document.getElementById("img1").src;
            document.getElementById("bigImage").src = bigImageURL;
            function onclick_Image() {
                imgSrc1 = $("#img1").attr("src");
                imgSrc2 = $("#img2").attr("src");
                imgSrc3 = $("#img3").attr("src");
                imgSrc4 = $("#img4").attr("src");
                imgSrc5 = $("#img5").attr("src");
                document.getElementById("img1").src = imgSrc2;
                document.getElementById("img2").src = imgSrc3;
                document.getElementById("img3").src = imgSrc4;
                document.getElementById("img4").src = imgSrc5;
                document.getElementById("img5").src = imgSrc1;
                bigImageURL = document.getElementById("img1").src;
                document.getElementById("bigImage").src = bigImageURL;
                $("#bigImageDiv").fadeIn(2000);
            }
});

Answer 1

imgSrc12345  是什么东西。。

Answer 2

把这段脚本放到body的最后面。。试试。。

Answer 3

放在body的最后也不管用啊!     imgSrc12345 这个是定义的变量啊    临时存放获取到的图片地址的啊

Answer 4

本身淡入效果，用jquery的 fadein 是没问题的
要么是图片的问题- -
给bigImageDiv加个背景色看看是哪里有问题

Answer 5

补充下    onclick_Image这个函数是在点击其他的图片的时候触发的    触发的方法是$("#img3").click(function () {
                onclick_Image();
            })
            $("#img2").click(function () {
                onclick_Image();
            })
            $("#img4").click(function () {
                onclick_Image();
            })
            $("#img5").click(function () {
                onclick_Image();
            })

Answer 6

- -能提供页面代码么，为了测你这段代码，偶要去想出那些div，很闷。。

Answer 7

<script src="jquery-1.3.2.min.js" ></script>
<script>
$(function(){
   $("#bigImageDiv").fadeIn(2000);
        $("#bigImage").attr("src",$("#img1").attr("src"));

$("#img1").click(function(){
onclick_Image();
})
$("#img2").click(function(){
onclick_Image();
})
$("#img3").click(function(){
onclick_Image();
})
$("#img4").click(function(){
onclick_Image();
})
$("#img5").click(function(){
onclick_Image();
})



})  
            function onclick_Image() {
$("#bigImageDiv").hide();
var tmp = $("#img5").attr("src");
$("#img5").attr("src",$("#img4").attr("src"));
$("#img4").attr("src",$("#img3").attr("src"));
$("#img3").attr("src",$("#img2").attr("src"));
$("#img2").attr("src",$("#img1").attr("src"));
$("#img1").attr("src",tmp);
                $("#bigImage").attr("src",$("img1").attr("src"));
                $("#bigImageDiv").fadeIn(2000);
            }
</script>- -拿去试试，改了些

Answer 8

仔细看了下，是写法的问题，你最好把HTML部分也贴出来，才能找出问题所在。

Answer 9

想起来了！！！
lz 你初始化的时候让 bigimage 淡入后，再启用淡入前，有没有让它隐藏啊，没隐藏当然是一直显示的，不能淡入。

Answer 10

 function onclick_Image() {
                $("#bigImageDiv").hide();
                var tmp = $("#img5").attr("src");
                $("#img5").attr("src",$("#img4").attr("src"));
                $("#img4").attr("src",$("#img3").attr("src"));
                $("#img3").attr("src",$("#img2").attr("src"));
                $("#img2").attr("src",$("#img1").attr("src"));                
                $("#img1").attr("src",tmp);
                $("#bigImage").attr("src",$("img1").attr("src"));
                $("#bigImageDiv").fadeIn(2000);
            }
 $("#bigImage").attr("src",$("img1").attr("src"));
漏了个#号- -这个注意   $("#bigImageDiv").hide();  重新隐藏，请注意。。就这样。。

Answer 11

找到问题的原因啦   就是因为那个没有hide()隐藏    所以一直都做不了渐入的效果    感谢啊