Click here to Skip to main content
15,849,130 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
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?
Posted
Updated 18-Dec-15 20:56pm
v2
Comments
Amit Jadli 19-Dec-15 3:33am    
Please refer this link...

http://blog.roymj.co.in/load-images-folder-web-page-using-jqueryjavascript/
Baskar Gs 19-Dec-15 5:00am    
its throwing Failed to load resource: the server responded with a status of 403 (Forbidden)

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900