Knowledge Walls
Gopal Rao
Mumbai, Maharashtra, India
Passcode:
Bx Photo slider example program in Components of JQuery Examples
10022 Views
Step 1: 
Go to www.bxslider.com
  •  Click the Download button at  the right corner top of the page to Download the files.
  • Open new notepad and save the code given in Step2. save as .html file
Step 2:
<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="jquery.bxslider.min.js"></script>
    <link href="jquery.bxslider.css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function () {
            $(".bxslider").bxSlider();
        });
    </script>
</head>

<body>
    <div style="width:700px;height:250px;align:center;padding-left:250px;">
        <ul class="bxslider">
            <li>
                <img src="images\1.jpg" />
            </li>
            <li>
                <img src="images\2.jpg" />
            </li>
            <li>
                <img src="images\3.jpg" />
            </li>
        </ul>
    </div>
</body>
</html>
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details