0

ここで 3 つの写真を使用して、Web サイトのレイアウトをテストしています。

Schechterbusiness.info

左のボタンが機能し、写真を通過します。しかし、他の方法でスクロールするはずの正しいボタンを機能させる方法がわかりません。おそらく配列でそれを行う方法があることは知っていますが、それについて頭を悩ませることはできません。ハーフ！

画像をスクロールするコード:

$('#fryLink').click(function() {
        $('#hide').hide();
        $('#img').hide();

    count++;

        if(count == 1) {

        $('#img').attr("src","images/fry.png");

        }
        else if(count == 2) {

        $('#img').attr("src","images/bender.png");

        }
        else if(count == 3) {

        $('#img').attr("src","images/zoidberg.png");
        }


                $('#img').show("fade");





        if(count > 2) {

        count = 0;
        }
4

4 に答える 4

0

通常は、同じ関数を逆に使用するだけで十分です。

count--;
于 2012-12-07T23:06:39.853 に答える
0

最初の回答に続いて

イベントをマウスの右クリックにバインド

カウンターを逆にします;）

于 2012-12-07T23:08:19.873 に答える
0

これを試して

var count = 0;
var imgLength = 3;
$('#leftLink , #rightLink').click(function() {
    $('#hide').hide();
    $('#img').hide();
    if (this.id === 'leftLink') {
        count--;
        if (count < 0) {
            count = imgLength-1;
        }
    }
    else {
        count++;
        if (count > imgLength-1) {
            count = 0;
        }
    }
    var src = "images/fry.png";

    if (count == 1) {
        src = "images/bender.png";
    }
    else if (count == 2) {
        src = "images/zoidberg.png";
    }
    $('#img').attr('src',src).show("fade");
});​
于 2012-12-07T23:09:30.247 に答える
0

count0、1、2、および 3 の 4 つの状態を循環しています。ただし、状態 1 ～ 3 のイメージのみを設定します。

countこれにより、変数が 0の場合、1 つの画像 (最後の画像である方) が複製されます。

あなたが望むものを正確に手に入れるのを助けることに関しては、残念ながらそれは本当に明確ではありません. 3つのボタンは「進む/何か/戻る」のようなものでしょうか? 中央のボタンがクリックされたときにどうしたいですか?

また、ボタンに適切なポインター/手のアイコンを表示することも重要です。現在、代わりにテキスト選択バーが表示されており、アイテムをクリックできないことがユーザーに伝わるため、混乱を招いています。

于 2012-12-07T23:11:34.250 に答える