1

これは以前に尋ねられたと確信していますが、他のいくつかの回答を試しましたが、これまでのところ何も機能していません。さらに、これは 2 つの部分からなる質問です。

1. jquery 画像カルーサルに戻る矢印と次の矢印を挿入する必要があります。

現在のものへのリンクは次のとおりです。 http://www.bmww.com/clients/index3/casestudies/cabrini_casestudy.html

矢印が挿入されている場合でも、画像との相関関係で数字を強調表示したままにする必要があります。何らかの理由でこれを達成できない場合を除き、トランジション効果を変更したくありません。以下は私のコードですが、私の質問に答えるために他に何か必要な場合はお知らせください。

ここに私のhtmlコードがあります:

  <div align="center" class="slideshow" style="height:500px; float:none">

   <ul style="margin-top:-30px">
  <li><img src="images/cabrini_1.png" alt="lemon" /></li><!--MUST ALWAYS HAVE THIS HERE AND BE THE SAME IMAGE AS NEXT IMAGE-->
  <li><img src="images/cabrini_1.png" alt="lemon tea" /></li>
  <li><img src="images/cabrini_2.png" alt="splashing lemon" /></li>
  <li><img src="images/cabrini_3.png" alt="salad with lemon" /></li>
  <li><img src="images/cabrini_4.png" alt="lemonade!" /></li>
  <li><img src="images/cabrini_5.png" alt="sliced lemon" /></li>
  <li><img src="images/cabrini_6.png" alt="dripping lemon" /></li>
   </ul>
 </div>

 <div id="casenumbers" align="right" style="margin-right:10px">


 <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0); return false"></a><!--MUST ALWAYS HAVE THIS HERE AND BE THE SAME IMAGE AS NEXT IMAGE BUT ALWAYS KEEP HIDDEN-->
 <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1); return false">1</a>
 <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2); return false">2</a>
 <a href="#" class="change_link"  onclick="$('.slideshow').blinds_change(3); return false">3</a>
 <a href="#" class="change_link"  onclick="$('.slideshow').blinds_change(4); return false">4</a>
 <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(5); return false">5</a>
 <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(6); return false">6</a>
 <a href="cabrini_casestudy2.html" class="ex1" >    &#187; </a>

 </div> <!--end slideshow div-->

ここに私のCSSコードがあります:

    <style>
    a{color: #666335;}
    a.clicked{ color: #D85D27;}
    </style>

そして私のスクリプト:

        <script type="text/javascript">
        $(window).load(function () {
$('.slideshow').blinds();


    })
    $(document).ready(function(){
    $('a.change_link').click(function(){
$('.clicked').removeClass('clicked');
$(this).addClass('clicked');
});

    })
    </script>

2. サンプル リンクをクリックしたときにすべてが表示されるかどうかはわかりませんが、奇妙なスクロール バーが表示され、すべてが読み込まれる前に画像のリスト全体が一瞬表示されることがあります。追加できるコードのチャンクや、完全に正しくロードされるまで表示されないスピニングホイールがありますか?

よろしくお願いします!申し訳ありませんが、私はまだ学んでいるので、これは単純またはばかげた質問のように思えるかもしれません.

4

1 に答える 1

0

ドキュメントの準備ができました:

$(document).keyup(
    function(e)
    {
        if(e.keyCode == left)
            //decrement blinds
        else if(e.keyCode == right)
            //increment blinds
        else;//do nothing
    });

右矢印と左矢印のkeyCodesを検索する必要があります。

于 2012-06-01T19:42:45.197 に答える