Slider not working

JavaScript
1

I came across this ( http://www.writelessdomore.co.uk/jquery/bbc-style-responsive-slider/ ) 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: http://bit.ly/1tkemGhGh

2

Hi,

The link you posted isn’t working.

5

Sorry my mistake, it’s http://bit.ly/1tkemGh

7

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_windows.jpg"],
    		["images/banner/AkA_retro.jpg"],
    		["images/banner/AkA_pc_format.jpg"],
    		["images/banner/AkA_prog_rock.jpg"],
    		["images/banner/AkA_anglepoise.jpg"],
    		["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)
    })
    </script>
  </body>
</html>
8

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.

9

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