返回列表 發帖

發問關於load、或是ajax的指令

請問前輩們,
我在寫一個是圖片可以連續切換的(保持在同一個頁面,不換頁也不刷新)
方法是用attr改變路徑,亦或是remove舊的,插入新的
<div id='prev'>prev</div>
<div id='pic'>
    <img>
</div>
<div id='next'>next</div>

運用jQuery
$('#next').cilck(function(){
    $('#pic').children().attr('src','--------新的網址-------')
})

然後每按一下時,會將圖的寬設定為瀏覽器的寬
可是,我要如何得知下一張圖的尺寸呢?

就是:當我點next或是prev時,可以先抓到目標圖片的高與寬,
這樣我就可以變化他會位置,請問我該是用load 或是ajax?
怎麼做呢?

看你的圖片是 一次全部讀近來,還是跑AJAX LOAD


做法是 先取得 N +1 圖片的路徑,用 DISPLAY 先隱藏起來 LOAD

要切換之前,先取得 N +1 的寬,在傳值回 $('#pic img')

接著再LOAD N +2 ,N = N + 1 SRC

TOP

返回列表 回復 發帖