使用过渡效果更改图像

时间:2010-04-09 21:54:21

标签: javascript jquery

我有以下脚本在计时器上更改我的图像:

var da = setInterval( function() {

    var current_image = document.getElementById('node_picture').src;
    var image_index = current_image.substring(48,49);
    image_index++;

    if (image_index > 4) {
        image_index = 1;
    }

    document.getElementById('node_picture').src="img/node/<?php echo $node_id ?>/" + image_index + ".png";

}, 4000);

我正在尝试添加jQuery FadeIn()效果。我试着添加

$('node_picture').FadeIn();

但这不起作用。

谢谢,

1 个答案:

答案 0 :(得分:3)

请注意这里的情况:

$('node_picture').fadeIn();

http://api.jquery.com/fadeIn/

注意:所有jQuery方法和属性都使用驼峰大小写,小写的首字母。

<小时/> 使用选择器时,id应以hash #符号作为前缀。我第一次错过了这个,你的评论让我再看看:

$('node_picture').fadeIn();  // wrong
$('#node_picture').fadeIn(); // right

http://api.jquery.com/id-selector/

- 除非那也是拼写错误? ; - )