为什么我的HTML中的图像不会随我的JavaScript函数而改变?

时间:2015-07-01 15:44:55

标签: javascript html

简单地说,我有三张图片,当我点击图片时,我想循环浏览它们。换句话说,我希望img src在单击时更改为下一个指定的图像。但是,这不会发生。请记住,我所拥有的所有图像都与我的html代码位于同一文件夹中,并且每个图像都可以自行加载,它们只是不会循环。

这是我的代码:

def fetch_spreadsheet_data()
    google_user = "MY EMAIL ADDRESS"
    google_password = "MY PASSWORD"

    workbook = Roo::Google.new("https://docs.google.com/spreadsheet/ccc?key=1hdwnrDsuJId1FLE0yWICYP1HGqYNu2NHH2IcoPyAzOQ#gid=0",user: google_user, password: google_password)
    s = workbook.sheets[0] # assuming first sheet in workbook
    send_event('catchup_data', {current: s.cell('B',2) })
    send_event('bounce_back', {current: s.cell('B',3) )
end


SCHEDULER.every '5m' do
    fetch_spreadsheet_data()
end

1 个答案:

答案 0 :(得分:1)

图像的source属性不是引用属性。所以改变变量pika不会影响pika元素的src属性。

如果你将pika变量设置为元素本身,那么检查并设置if else语句中的SRC值应该是好的。

var pika = document.getElementById("pika");
if (pika.src == "pichu.gif") {
   pika.src = "Pikachu.gif"
}  etc...

修改:

忘了指出你的SRC属性可能不只是文件名,但也可能是文件名的补丁,具体取决于你如何设置HTML和文件夹结构。