0

はじめまして、

まず、このサイトは素晴らしいです。ここでたくさんの素晴らしいことを学びました！

jquery ベースのスライダー プログラムを使用して、一連の写真 (一連の本) を表示しています。スライダー ウィンドウの下に「PDF」ボタンを配置しました。スライダーボックスに現在表示されている画像に関連付けられたファイルをボタンにダウンロードさせる方法を並べ替えようとしています。したがって、スライダー ウィンドウに「Picture #3」が表示されている場合は、PDF ボタンをそれぞれの #3 ファイルに関連付ける必要があります。スライダー ウィンドウに表示されているものと一致するように、各ボタンの属性を動的に変更する必要があると思います。

ベータサイトはベータ版でご覧いただけます

クリックイベントをキャッチしてボタンの属性にフィードするには、ある種のJavaScriptが必要になると思います。それは私の震える足がこれで私を運ぶことができる限りです. 誰かが私を正しい方向に向けることができますか? 私はこれが本当に初心者で、ゆっくりと学んでいるので、小さな言葉を使ってください!

乾杯、TY

4

1 に答える 1

0

あなたは正しい軌道に乗っています。これはおそらくうまくいくと思いますが、jQ要素の配列からカリングすることに慣れていません。

ファイル名をaltリスト項目のタグに入れ、次のスクリプトを使用します。

$('#download-button').click( function() {
    var left_pos = $('ul').css('left');
    var win_width = $('ul').innerWidth();

    left_pos = left_pos * (-1)  /* Will convert from negative to positive */

    var slide_num = left_pos/win_width;
    var slides = $('ul').find('li');        

    $(this).attr('src', 'path/to' + slides[slide_num].attr('alt'));
});

また、スライダーをいじりながら生きているDOMをチェックしていると、スライドの最後/最初に向かって方向を変えると、少しジャンプしているように見えることに気付きました。あなたはそれを調査したいかもしれません

于 2010-04-22T20:13:00.900 に答える