更改按鈕屬性以匹配滑塊窗口

首先 - 這個網站是令人難以置信的。我在這裏學到了很多很棒的東西！

我正在使用基於jQuery的滑塊程序來顯示一系列圖片（一系列圖書）。在滑塊窗口下方，我定位了一個「PDF」按鈕。我正在嘗試排序如何使按鈕下載與當前滑塊框中顯示的任何圖像相關聯的文件。因此，如果「圖片＃3」顯示在滑塊窗口中，我需要將PDF按鈕與相應的＃3文件關聯。我相信我需要動態更改每個按鈕的屬性，以匹配滑塊窗口中顯示的內容。

您可以在beta

查看測試網站我懷疑我需要某種形式的JavaScript來撿click事件，並喂到該按鈕的屬性。這就像我的搖搖晃晃的腿可以帶着這個一樣。任何人都可以將我指向正確的方向嗎？我真的很喜歡這個，慢慢學習，所以用一些小詞彙！

乾杯， TY

來源

2010-04-21 TraderY

你在正確的軌道上。我認爲這可能會起作用，但我不習慣從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-22 20:13:00 dclowd9901

好吧 - 我將開始拼接，看看會發生什麼;我看到你寫出來的邏輯。是的，我也注意到跳躍位...不知道是什麼造成了它。我有一個感覺，這是我的代碼在某處的一個錯字。乾杯 - TY – TraderY 2010-04-23 22:53:23

嗯，我嘗試了很多次，讓它工作......沒有快樂。我認爲其中一個問題是jSlider本身 - 很難獲取事件句柄，並且由於存在粘連問題以及庫衝突，我選擇切換到jQueryTools。我用他們的「可滾動」和「標籤」腳本來創建一個時髦的幻燈片。您可以在窗格中嵌入DIV，並且很容易添加事件 - 有很多控制柄，我可以製作動態按鈕。沒有更多的JavaScript庫衝突。再次感謝您的幫助！！！ – TraderY 2010-04-28 18:25:48

更改按鈕屬性以匹配滑塊窗口

回答

相關問題