添加下一個和後退箭頭到jquery幻燈片

我確信這已被問過，但我已經嘗試了一些其他答案，迄今沒有任何工作。另外這是一個兩部分問題。添加下一個和後退箭頭到jquery幻燈片

1.我需要在我的jquery圖像carousal中插入後退箭頭和下一個箭頭。

這裏是鏈接到當前的一個：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.我不知道你是否所有當你點擊示例鏈接時看到它，但有時當我做一個奇怪的滾動條彈出和我的整個列表法師將在所有內容加載之前顯示一秒鐘。有沒有我可以添加的一段代碼或一個旋轉的輪子會出現，所以它不會顯示，直到完全正確加載？

在此先感謝大家！對不起，即時通訊仍在學習，所以我知道這可能看起來像一個簡單或荒謬的問題。

來源

2012-06-01 kaitlyn

在文件準備：

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

你必須來查找鍵碼的左，右箭頭。

來源

2012-06-01 19:42:45 Codeman

確定這裏是新的鏈接...我決定使用以下箭頭：http://www.bmww.com/clients/index3/casestudies/cabrini_casestudy-test.html – kaitlyn

對不起...那麼我能這樣做？ – kaitlyn

這樣做會將整個文檔的事件「keyup」綁定到該委託函數。從本質上講，任何時候在文檔中按下某個鍵時，它都會檢查鍵碼是否匹配，並在匹配時執行代碼（我的註釋在哪裏） – Codeman

添加下一個和後退箭頭到jquery幻燈片

回答

相關問題