CODEWITHSUNDEEP
htmlimageslidergallerybxslider
Shane
Shane

Reputation: 972

HTML - bxslider Implementation

I am implementing an image slider (bxslider) into my website. I have followed the setup instructions exactly from http://bxslider.com/ with no luck. Here is my html:

<!doctype html>

<html>
<head>

    <!-- jQuery library (served from Google) -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="bxslider/js/jquery.bxslider.min.js"></script>
    <!-- bxSlider CSS file -->
    <link href="bxslider/lib/jquery.bxslider.css" rel="stylesheet" />

    <script type="text/javascript">
        $(document).ready(function(){
        $('.bxslider').bxSlider();
        });
    </script>

</head>
<body>

    <ul class="bxslider">
      <li><img src="/images/pic1.jpg" /></li>
      <li><img src="/images/pic2.jpg" /></li>
      <li><img src="/images/pic3.jpg" /></li>
      <li><img src="/images/pic4.jpg" /></li>
    </ul>

</body>
</html>

The extracted bxslider files are in the root directory of the website in a folder called "bxslider".

Upvotes: 0

Views: 7877

Answers (1)

Gopala Krishnan
Gopala Krishnan

Reputation: 86

In your solution you did not refer the source file of bxslider. and for saved jquery documents

for example you missed http: in this script

for more information see this link

http://www.knowledgewalls.com/b.gopalakrishnan92/books/jquery-examples/bx-photo-slider-example-program

Upvotes: 4

Related Questions