i add this

<head>
<link href="/css/jquery.bxslider.css" rel="stylesheet" />
</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>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="/js/jquery.bxslider.min.js"></script>

<script>
  $(document).ready(function(){
  $('.bxslider').bxSlider();
});
</script>
</body>

but all i get is unordered list of the images

what s wrong

not being familar with bxSlider myself I would suggest looking at the console log in the browser to see if any javascript errors are being generated.

these err i see

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.

Use of getPreventDefault() is deprecated. Use defaultPrevented instead.

isnt an unorered list of images anymore but i still dont see the result i see just 1 little img in the middle and thats all