After running smoothly for two and a half years, the slider on our website suddenly stopped working in Chrome today. This same slider is used across multiple pages, but now it fails to function on any of them.
For those with a retina screen, there is an alternative slider that still operates without issue.
To view one of the affected pages with the slider, click here:
The jquery file we are using is named: jquery-1.11.2.min.js
HTML:
<div id="container" class="hidephone" style="position: relative">
<img src="../sold.gif" height="45" width="113" class="sold" />
<ul>
<li><img src="images/5-westgrove/1.jpg" class="round" width="1000" height="550" /></li>
<li><img src="images/5-westgrove/2.jpg" class="round" width="1000" height="550" /></li>
<!-- More image list items... -->
</ul>
<span class="button prevButton"></span>
<span class="button nextButton"></span>
</div>
ON PAGE JAVASCRIPT:
$(window).load(function(){
// JavaScript code for slider functionality
});
CSS:
#container{
/* CSS styling for the slider container */
}
/* Additional CSS styles for the slider elements like buttons and images */