beagle.png

<div>
if you store your image on a service like cloudinary, you can easily have thumbnail of your picture, check this page for example : <a href="http://cloudinary.com/documentation/imagga_crop_and_scale_addon" rel="ugc">http://cloudinary.com/documentation/imagga_crop_and_scale_addon</a>
</div>


if you store your image on a service like cloudinary, you can easily have thumbnail of your picture, check this page for example : http://cloudinary.com/documentation/imagga_crop_and_scale_addon [http://cloudinary.com/documentation/imagga_crop_and_scale_addon]

<div>
I've requested that this question be closed as follows:<br />
<br />
Accepted answer: 500 points for Ray Paseur's comment <a href="https://www.experts-exchange.com/questions/28531571/Javascript-ajax-or-jquery-to-get-image-from-folder-and-display-on-a-web-page.html?anchorAnswerId=40362345#a40362345" rel="ugc">#a40362345</a><br />
<br />
for the following reason:<br />
<br />
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
</div>


I've requested that this question be closed as follows:

Accepted answer: 500 points for Ray Paseur's comment #a40362345 [https://www.experts-exchange.com/questions/28531571/Javascript-ajax-or-jquery-to-get-image-from-folder-and-display-on-a-web-page.html?anchorAnswerId=40362345#a40362345]

for the following reason:

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.

<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I have this page: <a href="http://petmark.org/Pet/141/Beagle.html" rel="ugc">http://petmark.org/Pet/141<wbr />/Beagle.ht<wbr />ml</a><br />
On this page I have a photo gallery. The problem that I have is that when the page load I get all the images full size. Because of this I the page size has increase very much. I would like to have a very small thumbnail and when I click on it only then to get the full image!<br />
<br />
How can I make this using php and javascript (ajax or jquery)?<br />
Is this posible? Is there a tutorial for this problem?<br />
<br />
Thank you!
</div>
</div>


Hi,

I have this page: http://petmark.org/Pet/141/Beagle.html (http://petmark.org/Pet/141/Beagle.html)
On this page I have a photo gallery. The problem that I have is that when the page load I get all the images full size. Because of this I the page size has increase very much. I would like to have a very small thumbnail and when I click on it only then to get the full image!

How can I make this using php and javascript (ajax or jquery)?
Is this posible? Is there a tutorial for this problem?

Thank you!

Javascript (ajax or jquery) to get image from folder and display on a web page

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.

AJAX

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.