2010-04-09 69 views
0

我有以下腳本改變一個計時器我的形象:更改圖片過渡效果

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淡入()的作用。我試圖添加

$('node_picture').FadeIn(); 

但這不起作用。

感謝,

回答

3

注意這裏的情況:

$('node_picture').fadeIn(); 

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

注:所有的jQuery的方法和屬性,使用駱駝情況下爲小寫的首字母。


當使用選擇器時,ids應該以散列 #符號爲前綴。我周圍錯過了這個第一次,您的評論讓我再看一看:

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

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

- 除非這也是一個錯字? ;-)

+0

我錯誤地在原來的文章中,我在代碼中使用小寫,這不是問題。 – Goro 2010-04-09 22:05:56

+1

@Goro:你是不是還輸錯了缺少的'#'符號?看到我更新的答案。 – 2010-04-09 22:24:55

+0

是的,我確實想念那個。但是,它似乎也沒有與之合作。 – Goro 2010-04-09 22:50:10