January 29, 201412 yr Hi All As a recent convert to web design, I am trying to add a slider (Rhinoslider) to our website, but am only seeing four images stacked on top of each other, rather than a slider. Would really appreciate any help to get it working. thanks <!DOCTYPE html><html class="html"><head><meta http-equiv="Content-type" content="text/html;charset=UTF-8"/><meta name="generator" content="7.1.329.244"/><link rel="shortcut icon" href="images/untitled-18-favicon.ico?3808161571"/><title>Untitled 18</title><!-- CSS --><link rel="stylesheet" type="text/css" href="css/site_global.css?480306631"/><link rel="stylesheet" type="text/css" href="css/master_b-master.css?397333957"/><link rel="stylesheet" type="text/css" href="css/untitled-18.css?238206702" id="pagesheet"/><!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="css/iefonts_untitled-18.css?4057264917"/><![endif]--><!-- Other scripts --><script type="text/javascript">document.documentElement.className += ' js';var __adobewebfontsappname__ = "muse";</script><!-- JS includes --><script type="text/javascript">document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//webfonts.creativecloud.com/ubuntu:n4,n5:all.js" type="text/javascript">\x3C/script>');</script><!--custom head HTML--> <link type="text/css" rel="stylesheet" href="http://trojansdesign.co.uk/rhinoslider/css/rhinoslider-1.05.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/rhinoslider-1.05.min.js"></script> <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/mousewheel.js"></script> <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/easing.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider').rhinoslider({ effect: 'explode', showTime: 8000, effectTime: 2000, controlsPrevNext: false, controlsPlayPause: false, autoPlay: true, parts: '8,4', showBullets: 'never', showControls: 'never' }); });</script></head><body><div class="clearfix" id="page"><!-- column --><div class="position_content" id="page_position_content"><div class="colelem" id="u27816"><!-- custom html --><div id="page"> <ul id="slider"> <li><img src="http://trojansdesign.co.uk/rhinoslider/slider/office1.jpg" alt="" /></li> <li><img src="http://trojansdesign.co.uk/rhinoslider/slider/office2.jpg" alt="" /></li> <li><img src="http://trojansdesign.co.uk/rhinoslider/slider/office3.jpg" alt="" /></li> <li><img src="http://trojansdesign.co.uk/rhinoslider/slider/office4.jpg" alt="" /></li> </ul> </div></div>
Create an account or sign in to comment