當我放入圖庫時，幻燈片放映停止了

Question

因此，我有了一個頁面，可以使用一個不錯的小滑塊完美地工作，但是然后...我放了一個畫廊，在其中工作正常，但是滑塊停止了工作。 我認為圖庫中的JS會以某種方式阻止滑塊上的JS正常工作，但是我沒有JS知識，所以我不知道，我處理HTML和CSS，我會在某個時候學習JS，但是現在我在使用codrops。

網站是： http : //www.maintenancebirmingham.co.uk/ ，如果您轉到圖庫頁面，則可以在此處看到滑塊的正常工作： http : //www.maintenancebirmingham.co.uk/gallery.html （或只需單擊圖庫），就可以看到問題。

如果您需要網站上的任何html / css / JS或其他任何內容，請告訴我，我不會把它全部擺上，不是因為有太多東西，如果有人能在不需要的地方弄清楚它，那么生活就是美好的:)

在此先感謝大家。

Answer 1

聽起來像Culyx所說，coin-slider-min.js在jquery 1.4.2中注入代碼，然后在頁面1.jquery 1.7.1下面被加載，因此您覆蓋了從coin-slider注入的代碼；

您可以嘗試刪除jquery 1.4.2（如果可能）並將jquery放在標題上

或在jquery 1.7.1之后放置coin-slider-min.js

至少在這里似乎運行良好。

我只是從您的頁面重新加載了coin-slider-min.js（代碼已損壞），然后使用硬幣滑塊初始化了元素。 這就是我發現的方式，但是不要在當前代碼中使用它！

function load_js()
{
   var head= document.getElementsByTagName('head')[0];
   var script= document.createElement('script');
   script.type= 'text/javascript';
   script.src= 'coin-slider.min.js';
   head.appendChild(script);
}
load_js();
//after load
$('#coin-slider').coinslider({ effect: 'rain', delay: 4000, width: 1040, height:435, hoverPause: false });