添加點擊事件JQ滑塊

這是我運行網站：http://bit.ly/1a3lbaf 添加點擊事件JQ滑塊

圖像滑塊是由誰最初創建網站的傢伙在JQ的JavaScript量身定做的，我想一些幫助增加的工作聯繫<li><a>觸發腳本的動畫。

這裏是我的代碼：

<script type="text/javascript"> 
//<![CDATA[ 
jq(document).ready(function(){ 
    if (jq('#slider-home ul#slider').length == 1 && jq('#slider-home ul#slider li').length > 1 ){ 
     var homeslidenav = new Array([!YAMS? &get=`tv` &from=`nav-slider`!]); 
     jq.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) { 
      jq(pager).each(function() { 
       jq(this).children().removeClass(clsName).eq(currSlide).addClass(clsName); 
      }); 
         jq('#navwh').stop(true, true).css('width', currSlide * 138).animate({ width: '+=138' }, 4800); 
     }; 
     jq('#slider-home ul#slider').cycle({ 
      fx    : 'fade', 
      pause    : true, 
      pager    : '#nav-menu', 
      pagerEvent  : 'mouseover', 
      timeout   : 4000, 
      activePagerClass : 'active', 
      onPagerEvent  : function(a){ 
       jq('#navwh').css('width', a * 138).animate({ width: '+=138' }, 4800); 
      }, 
      pagerAnchorBuilder: function(idx, slide) { 
       var chtml = '<li id="hotel' + (idx + 1) + '"'; 
       if (idx == 0) chtml += ' class="first"'; 
       chtml += '><a href="#">' + homeslidenav[idx] + '</a></li>'; 
       return chtml; 
      } 
     }); 
    } 
}); 
//]]> 
</script>

我已經能夠在pageEvent從click改變mouseover，因爲我覺得它更實用。現在我想保留動畫，但同時在<li>中添加工作鏈接，而不是無用的<a href="#">。我試過在<a href="#">中放入一個實際的url，但它不起作用，因爲我認爲onPagerEvent覆蓋了<a>（我不太熟悉js，因爲你可能已經注意到了）。

有人可以幫我找到一種方法來添加此工作鏈接嗎？

在此先感謝。

來源

2014-01-09 Tsokoa

onPagerEvent沒有做任何你的鏈接 - （多久，直到下一個圖像顯示指示）

該網站使用的是剛剛調整的白條沿圖像的底部進入的寬度jQuery循環插件 - 你可以在這裏找到文檔：http://jquery.malsup.com/cycle/

updateActivePagerLink函數是什麼負責更新鏈接（順便說一句，我訪問了該網站，鏈接似乎工作 - 你想添加更多鏈接？）鏈接本身來自<ul id="slider">內的列表項，如下所示：

<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 7; opacity: 0; width: 966px; height: 390px;"><a href="/en/hotel-pont-royal"><img src="/assets/images/groupe/sliders/SliderHome-3_en.jpg" alt=""></a></li>

要與鏈接添加新的圖像，只需添加一個新<li>以上（與在<a>正確HREF）格式 - 你不需要修改任何JavaScript代碼。

來源

2014-01-09 16:12:49

感謝您的信息。我想要做的不是將新圖像添加到滑塊，而是在圖像abivr上以及下面的匹配標籤（在酒店名稱上）上添加相同的鏈接，這樣如果您將該名稱懸停在名稱上，它將顯示圖像，如果你點擊它會帶你到酒店的主頁。 – Tsokoa

添加點擊事件JQ滑塊

回答

相關問題