jquery - jQuery イメージの src を動的に変更する

Question

どうすれば 5 秒ごとに src を変更できるのか疑問に思いました。

私は使っている

$.backstretch("site.com/images/home5.jpg");

スライドショーのように、「home5.jpg」を他の画像 (たとえば、home6.jpg と home7.jpg) と入れ替えることはできますか? 動的に変更する方法がわかりません

Answer 1

5 秒ごとに変更したい場合は、以下を使用する必要がありますsetInterval()。

var loop = 1;
setInterval(function() {
    var imgNumber = loop % 5; // assuming there are 5 images.
    $.backstretch("site.com/images/home" + imgNumber + ".jpg");
    loop++;
}, 5000);

アップデート

ドキュメントを読んだ後、この機能はすでにプラグインに組み込まれているようです。

http://srobbin.com/jquery-plugins/backstretch/

コードの「スライドショーでバックストレッチを使用する」を選択します。

Answer 2

これには、JavaScript 関数を使用できますsetInterval。

Answer 3

setIntervalまたは同様の機能を使用して、画像を定期的に変更できます。backstretch実際に画像を交換するには、もう一度呼び出すだけです。プロジェクトページから：

バージョン 1.2

backstretch を 2 回呼び出すことができるようになり、既存の画像が置き換えられます。

たとえば、次のようになります。

$.backstretch("site.com/images/home6.jpg");

Answer 4

関数slideSwitch() {

var $active = $('#slideshow IMG.active');

$active.src = //change src here (you can use array with src-s)// }

$(function() { setInterval( "slideSwitch()", 5000 ); });

Answer 5

選択したオブジェクトの html を .html() で変更できます。

$(#thing).html(" < img src='mypic.jpg' / >");