Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Flexslider, AGAIN not working, displaying a list, why?

    How come this won't work as a slider? Flexslider not working, just displaying as a list and bumping 'right side' down the page also.

    http://www.ablazedesign.co.uk/

    Search engine floated off to left and won't stay right either.

    Had this issue before on a different site, and resolved with some kind help, but back here again :-(

    Any ideas?...... awaits grilling.

    Cheers
    Newbie!

    This is in the head:
    <link rel="stylesheet" href="../SLIDERS/amaze/css/style.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="../SLIDERS/amaze/css/flexslider.css" type="text/css" media="screen"/>
    <link href="assets/css/myCSS.css" rel="stylesheet" type="text/css" />


    This is in the body:
    <!-- jQuery -->
    <script type="text/javascript">
    $(function(){
    SyntaxHighlighter.all();
    });
    $(window).load(function(){
    $('.flexslider').flexslider({
    animation: "slide",
    start: function(slider){
    $('body').removeClass('loading');
    }
    });
    });
    </script>
    </body>
    </html>

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,703
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    I’m using the NoScript Firefox extension which disables any JavaScript by default. So, knowing that a slider will most likely not work without JS I activated it on your site and the extension’s popup that appears in order to do that showed the option to disable scripts from the file:// protocol. This immediately rang alert bells in me that you were having wrong file paths, so I viewed your source code, searched for the string “file:” and it immediately showed me this:
    Code:
    <!-- jQuery -->
      <script src="file:///Macintosh HD/Users/[user name]/SLIDERS/amaze/lib/jquery1.8.2.js"></script> 
      <!-- FlexSlider -->
      <script defer src="file:///Macintosh HD/Users/[user name]/SLIDERS/amaze/lib/jquery.flexslider-min.js"></script>
    (I edited out your user name in case you care about your privacy)

    Also, you have a lot of other typos and nesting errors in your code. I recommend frequently checking your site for HTML errors.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •