CarouFredSel圖片鏈接

Question

我正在使用CarouFredSel爲我設計的網站，但是我遇到了一個問題......一切都按預期工作，直到我嘗試將圖像鏈接到網址。

的script樣子：

$(function() { 
    /* Homepage */ 
    $("#slide-image > div").carouFredSel({ 
     auto: false, 
     items: { 
      visible: 2 
     }, 
     next: "#next", 
     prev: "#prev", 
     scroll: { 
      easing: "quadratic", 
      items: 1 
     }, 
     width: "100%" 
    }); 
}); 

和code樣子：

<div id="slide-image"> 
    <div> 
     <a href="www.example.com"><img src="images/example.jpg"></a> 
    </div> 
</div> 

任何幫助表示讚賞:)

感謝，
喬希

Answer 1

我弄清楚了！！

當我四處張望時，我發現在CarouFredSel網站上他們有一些提示和技巧（http://caroufredsel.dev7studios.com/support/tips-and-tricks.php），並在頁面中間他們記錄了「Use block-elements that left left」......正好在HTML他們使用的代碼是鏈接的...所以我只是複製這個和presto！

所以，現在我的script樣子：

$(function() { 
    /* Homepage */ 
    $("#slide-image").carouFredSel({ 
     auto: false, 
     items: { 
      visible: 2 
     }, 
     next: "#next", 
     prev: "#prev", 
     scroll: { 
      easing: "quadratic", 
      items: 1 
     }, 
     width: "100%" 
    }); 
}); 

和code樣子：

• 我把內心的div：

  <div class="slide-image"> 
      <div id="slide-image"> 
       <a href="www.example.com"><img src="images/example.jpg"></a> 
      </div> 
      <div class="clear"> 
       <!-- --> 
      </div> 
  </div> 
  

  ，改變是主要的事情一個ID，導致我的主要功能也改變了

• 我清除浮動，這是一個有點難以看到，因爲我沒有張貼我的CSS（雖然它是一樣的例子在：http://caroufredsel.dev7studios.com/support/tips-and-tricks.php）

除了比代碼是完全一樣的正如我原本發佈的那樣...很高興這是一個簡單的解決方案 - 希望這可以幫助別人！

謝謝，
Josh