Dynamic slider creation

See more:

Javascript

HTML

jQuery

Hi,

I am new to web design.

i my project home page have to show slider images.
i am using some samples to create slider.

ex:

Js

$('.bxslider').bxSlider({
  infiniteLoop: false,
  hideControlOnEnd: true
});

HTML

<ul class="bxslider">
  <li><img src="/images/730_200/hill_trees.jpg" /></li>
  <li><img src="/images/730_200/me_trees.jpg" /></li>
  <li><img src="/images/730_200/houses.jpg" /></li>
</ul>

But i dont want have static html page like above.
It should dynamically pick all the images from my project images folder.
Because user can add and remove the images periodically. So every time code change will not be possible.

Please help me to achieve this?