0

さて、ここに div タグがあり、その css スタイル 'background' がデフォルトに設定されています。

例えば

<div id="slideimage" style="background:url(01.jpg);width:xxpx;height:xxpx;"></div>

そして、私は次のボタンを持っています

<a href="#" onClick="nextPhoto()">Next</a>

[次へ] ボタンをクリックすると、#slideimage の背景スタイルが 02.jpg に変わります。グーグルで検索してみましたが、うまく機能していないようです。

それで全部です。前もって感謝します。

4

2 に答える 2

1

このJavaScriptを試しましたか：

function nextImage() {
  $('#slideimage').css("background", "url(02.jpg)");
}

もう少し堅牢なデモを次に示します: http://jsfiddle.net/gQQBL/

于 2012-05-20T23:26:59.257 に答える
1

jsBin デモ

var images = [
  '01.jpg',
  '02.jpg',
  '03.jpg'
];

var iN = images.length;
var i = 0;

function changeImage(){
  $('#slideimage').css({background: 'url('+images[++i % iN]+')'});
}

$('#next').click( changeImage );

画像の配列、var 'index counter' を作成し ( i)、配列内の画像の数を取得します ( iN)

Modulo を使用してこの計算を行う画像を簡単に切り替えることができます。++i % iN

于 2012-05-20T23:37:17.070 に答える