当我放入图库时，幻灯片放映停止了

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 });