Slider not working

I came across this ( ) the other day and am trying to add it to my site, but when I do the arrows don’t work and I’m not sure why:


The link you posted isn’t working.

Sorry my mistake, it’s

You are including the JavaScripts in the wrong place.
Put them at the foot of the page, just before the closing <body> tag.

    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/slider.js"></script>
    <script type="text/javascript" src="js/imageswap.js"></script>
    <script type="text/javascript" src="js/reelslideshow.js"></script>
    <script type="text/javascript">
    var firstreel=new reelslideshow({
    	wrapperid: "banner", //ID of blank DIV on page to house Slideshow
    	dimensions: [1097, 229], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["images/banner/AkA_crest.jpg"], // ["image_path", "optional_link", "optional_target"]
    		["images/banner/AkA_angry_animal_chris.jpg"] // <--no trailing comma after very last image element!
    	displaymode: {type:'auto', pause:5000, cycles:0, pauseonmouseover:true},
        	orientation: "v", //Valid values: "h" or "v"
    	persist: true, //remember last viewed slide and recall within same session?
    	slideduration: 600 //transition duration (milliseconds)

I moved that to the bottom, but that stopped the banner from loading. In the end I removed the noConflict from the reelsideshow.js file and it now works.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.