How do i dynamically display images from the folder

Question

How do I...dynamically display image from the folder using java script or jQuery and display on the web page in a swapping way

Answer 1

Hi

Please check the below link to display the images present inside a directory in asp.net using jQuery.

In this code will display all the images files present inside a folder. as u add more images inside the folder code will display all the images.

Have a look of the link

Dynamically Display Images From Folder By Ajax Using jQuery In Asp.net ,C#

Answer 2

Hi,

For displaying images using jQuery. You can use ajax function to read all the images of folder and then prepare the json data or html tag of all the images and then bind it to the control.

Answer 3

Hi Sameer,

I think you are referring to a folder located in the Server. If so, you cannot access your server recources using JavaScript or any other client side scripting language.

So, the solution is to render all the images to the HTML page and then use JQuery to display the same.

If you are using ASp.NET or PHP, you write some code (using System.IO if it is .NET) to iterate through all the images of your folder and render <img> tags by setting the "src" attrinbute to each of the images. And, then use JQuery to rotate them.

Thanks,

Prawin