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
    May 2013
    Posts
    6
    Thanks
    3
    Thanked 0 Times in 0 Posts

    including options within bxslider function

    Very new the jquery. Small test page works or does what it's supposed to do. See below:

    <!doctype html>
    <head>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#slider1').bxSlider();
    });

    </script>
    </head>

    <body>
    <div id="slider1">
    <img src="http://farm1.static.flickr.com/134/328919543_a01d511076_z.jpg" alt="" />
    <img src="http://farm1.static.flickr.com/138/328919326_6b16bce915_z.jpg" alt="" />
    <img src="http://farm1.static.flickr.com/142/328917731_13472ed905_z.jpg" alt="" />
    </div>

    </body>
    ******************************
    At this point I'd like to add different options per/ http://v3.bxslider.com/options
    Can anyone explain why the below doesn't work?

    <!doctype html>
    <head>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#slider1').bxSlider();
    auto: true,
    mode: 'fade',
    autoDelay: 1000
    });

    </script>
    </head>

    <body>
    <div id="slider1">
    <img src="http://farm1.static.flickr.com/134/328919543_a01d511076_z.jpg" alt="" />
    <img src="http://farm1.static.flickr.com/138/328919326_6b16bce915_z.jpg" alt="" />
    <img src="http://farm1.static.flickr.com/142/328917731_13472ed905_z.jpg" alt="" />
    </div>

    </body>

  • #2
    New to the CF scene
    Join Date
    May 2013
    Posts
    6
    Thanks
    3
    Thanked 0 Times in 0 Posts
    figured it out.. see below.

    <!doctype html>
    <head>

    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    $('#slider1').bxSlider({
    auto: true,
    controls: false,
    autoControls: false,
    speed: 5000,
    pause: 7000,

    });
    });
    </script>
    </head>

    <body>
    <div id="slider1">
    <div><img src="http://farm1.static.flickr.com/134/328919543_a01d511076_z.jpg" alt="" /></div>
    <div><img src="http://farm1.static.flickr.com/138/328919326_6b16bce915_z.jpg" alt="" /></div>
    <div><img src="http://farm1.static.flickr.com/142/328917731_13472ed905_z.jpg" alt="" /></div>
    </div>

    </body>


  •  

    Posting Permissions

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