我有10年以上的php編程經驗。但沒有jQuery和bxSlider等視覺效果的體驗。我想嘗試這種效果，所以我在亞馬遜AWS EC2標準Linux服務器+ LAMP上執行了以下操作：如何安裝bxSlider
我創建了一個新文件夾/ var/www/html/test /（默認HTML根目錄是/無功/ www/html等）。下面其他一切內部完成的/ var/www/html等/測試/：
我創建了一個子文件夾圖片，一些樣品圖片：
pics/pic1.jpg
pics/pic2.jpg
pics/pic3.jpg
pics/pic4.jpg
然後，我創造了這個index.php文件：
<?php
echo '<html>
<head>
</head>
<body>
<ul class="bxslider">
<li><img src="pics/pic1.jpg" /></li>
<li><img src="pics/pic2.jpg" /></li>
<li><img src="pics/pic3.jpg" /></li>
<li><img src="pics/pic4.jpg" /></li>
</ul>
</body>
</html>';
?>
當使用瀏覽器進行測試時，我使用無序列表的項目符號獲取了四個樣本圖片。
然後我試圖安裝bxSlider，並在其網站bxslider.com的首頁上找到「說明」。
第1步：需要將文件鏈接
我奉命到「從這個網站下載包」，然後用這個代碼鏈接的東西：
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />
這些鏈接以「/」別看我的設置兼容（我的測試文件夾的默認文檔根目錄的子文件夾），所以我刪除了斜線，並添加我的index.php的HEAD標記中下面的代碼：
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="lib/jquery.bxslider.css" rel="stylesheet" />
在這一點上，我測試了我的頁面，看起來和前面一樣。至少沒有什麼東西壞了，所以我們繼續。
我檢查bxSlider zip文件，通過單擊其首頁右上角的下載鏈接獲得該文件。其文件夾結構與指定的說明不符。我預見到麻煩醞釀，麻煩我會得到。 zip文件包含這些文件和文件夾：
images/bx_loader.gif
images/controls.png
plugins/jquery.easing.1.3.js
plugins/jquery.fitvids.js
bower.json
jquery.bxslider.css
jquery.bxslider.js
jquery.bxslider.min.js
readme.md
但上面的指示連接，我只是在開始刪除斜線修改，假定jquery.bxslider.css是文件夾下的lib，而jquery.bxslider。 min.js應位於文件夾js下。 Ouuukay，那麼其他的東西呢？我看看到我的水晶球，越過我的手指，並保存我的這些子文件夾服務器上的文件（內部的/ var/www/html等/測試/）：
images/bx_loader.gif
images/controls.png
js/bower.json
js/jquery.bxslider.js
js/jquery.bxslider.min.js
js/readme.md
lib/jquery.bxslider.css
plugins/jquery.easing.1.3.js
plugins/jquery.fitvids.js
要加倍我的成功機率，我也在不同的路徑下創建這些副本：
js/plugins/jquery.easing.1.3.js
js/plugins/jquery.fitvids.js
現在我有一個......呃......設置。看起來令人印象深刻，什麼可能會出錯？所以我進入「說明」的第3步：調用bxSlider。我被指示添加這個代碼...他們沒有提到在哪裏。嗯，沒關係，只需添加它。某處。
$(document).ready(function(){
$('.bxslider').bxSlider();
});
我嘗試在UL代碼下的HTML代碼的BODY標籤內部執行此代碼。結果：HTTP 500錯誤。
然後，我試着在HTML代碼的HEAD標記內，鏈接的東西下面的代碼。結果：HTTP 500錯誤。
然後我把腳本標記解決此代碼，因爲它仍然是HTML代碼的頭段內：
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
結果：HTTP 500錯誤。
然後，我將上面的代碼移動到UL代碼下的HTML代碼的BODY標籤內。結果：HTTP 500錯誤。
感謝您的指示，夥計。現在，任何人都可以給出實際的指示，怎麼做？