安裝Jquery Gallery插件

我試過現在安裝了其中的兩個，而且都沒有工作，所以我很確定問題是我而不是插件，但我也觀看了六打youtube視頻和重新閱讀指示多次，我仍然無法使其工作。這似乎是某人已經澄清的事情，但我一直無法找到它。安裝Jquery Gallery插件

我有一個測試版本在http://www.sitesupandrunning.com/links.html。我試過測試函數，他們工作，所以我認爲我的jQuery正確地連接起來。我原本複製並粘貼了插件作者發佈的確切代碼，所以似乎並不存在任何錯誤。所以看起來好像它會縮小到圖像，但作者有佔位符文件名，我剛剛切換，並禁用jQuery的縮略圖顯示，並正確鏈接，所以我知道圖像被標記爲他們的應該是。

我猜這個問題很簡單，但沒有任何初學者的教程似乎提供任何有用的安裝這種插件。

任何幫助，將不勝感激 - 即使是一個教程，實際上解決使用這種插件，而不僅僅是從jquery主頁插件。

來源

2012-10-22 user1766878

我使用jQuery Cycle，它非常簡單。下面是一個簡單的標記：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>Test</title> 
<!-- include jQuery library --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<!-- include Cycle plugin --> 
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.transitionPictures').cycle({ 
     fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
    }); 
}); 
</script> 

</head> 
<body> 
     <!-- TRANSITION SLIDESHOW --> 
     <div class="transitionPictures"> 
     <img src="image01.jpg" width="400" height="300" alt="" /> 
     <img src="image02.jpg" width="400" height="300" alt="" /> 
     </div> 
</body> 
</html>

您可以訪問jQuery Cycle site有更多的選項添加到準備腳本。

來源

2012-10-22 23:59:05 Goose

謝謝，但我想插入一個畫廊，顯示縮略圖和主圖像，而不是幻燈片，我正在尋找一些與我的網站看起來不錯的東西。如果我能夠真正弄清楚我做錯了什麼，而不是尋找更簡單和更簡單的替代品，那將是非常好的。 – user1766878

我很確定我在家裏有一個全球範例，我會盡量晚點發布！ – Goose

如果您正在尋找特定的jQuery圖庫解決方案，您應該嘗試Cincopa website slideshow。他們有大約5-6個不同的jQuery圖庫皮膚。您可能會發現適合您的網站的設計

來源

2012-10-28 18:49:11 Rid

安裝Jquery Gallery插件

回答

相關問題