Dynamic Image Gallery Documentation - Sum it all:

The Dynamic Image Gallery is a PHP scrip that design to make image displaying as easy as 123. Its that simple. Tell it in which folder your images are stored, and it will show any image it will find in there.

In other words, after you'll create a link to the Dynamic Image Gallery,  all you do is upload the images you want to show, and delete the once that you do not want to show.

But the advantages are not ending with simplicity: Anyone who shows images on the Internet knows that the monitors of the visitors are always in different resolution, and if you build display for 800 x 600 it will not work well for 1024 x 720 and so on.

The Dynamic Image Gallery AUTOMATICALLY adjust it self to the resolution of the visitor's computer.

And what about the image size? How will you ensure that images will not be cropped? Do not warry about this:

The Dynamic Image Gallery AUTOMATICALLY resize the images to the right size, so your visitors never see cropped images.

Then, there is the Slid Show. The Dynamic Image Gallery offering you a slid show, so your visitors need only to click on a button and see the entire collection.

Its true! All those fancy complicated tasks are build in. All you do is tell it where your images are. Example? The link in the next line will do the magic: Click on it an see for your self:


Implementing the Dynamic Image Gallery is a total no brainer: The graphic aspects of the Dynamic Image Gallery totally separated from the PHP code.

Here are the pages you can change: mainPage.htm, thumbsPage.htm.

You simply open the html pages that comes with the Dynamic Image Gallery and modify its looks, color, background, tables ETC to your will.

For your convenience you can use the Styles.css that have full control over every element in the pages. If you know how to deal with css files, that would be your preferable method.

The Dynamic Image Gallery is smart enough to read those HTML pages and add elements that converts it into the Dynamic Image Gallery from simple static HTML page.

Lets see how it works:

  • Open the Dynamic Image Gallery IN this window. Note the BACK button at the upper right corner:

  • Open the Dynamic Image Gallery IN this window. NO BACK button. The Dynamic Image Gallery adjust it self to the size of your browser.

  • Open the Dynamic Image Gallery IN A NEW window. Note that the Dynamic Image Gallery automatically adjust the tables and images to what ever size your browser opens:

  • Open the Dynamic Image Gallery IN A NEW window. In this link, the new window will RESIZE itself to 90% of the width and height of your screen, and will CENTER itself

  • Open the Dynamic Image Gallery IN A NEW window. Note "Close" button and the "Back" Buttons.

  • Open the Dynamic Image Gallery IN A NEW window. This time the Dynamic Image Gallery is BLANK. This is useful when you need to show it in a page without specify any folder.

  • To open the Dynamic Image Gallery in a new window without the menu bars for maximum display area, you must use the onClick event. Click on the thumb and see how the Dynamic Image Gallery opens and take 90% of the screen, with no menus and bars:
  • The Dynamic Image Gallery is offering a very simple way to create a page full of thumbs which are pointing to different galleries. Look at the images below: The HTML code of the 3 images in the line below is identical, differ only with the value of the SRC value:
    <img border="0" src="Image-Gallery/thumbs/b1.jpg" onclick="openGallery(this)">
    To quickly create many thumbs and call the Dynamic Image Gallery you simply copy this line, or the entire image if you are using Front Page or similar program, and then change the value of the SRC, or select another image. The onClick calls the openGallery(this). This is a one line function that calls the Dynamic Image Gallery and pass the URL of the image to it.
    the Dynamic Image Gallery is smart enough to extract the folder where the image is stored.
    It is then show all the images saved in that folder!

    The openGallery() function looks like this and can be placed anywhere in your html page.
    function openGallery(oImg)
        window.open("ImageGallery.php?folder=" + oImg.src);
    The images below demonstrate this:

  • If you do not like Java scripts, you can open the Dynamic Image Gallery with a simple link, as the sample below:


See the Dynamic Image Gallery for your self Click Here

The instructions are as simple as ABC:

  1. Create a folder for the images someplace in your website (Example: My-Kids).

  2. Save in the folder all the images you wish to show.

  3. Inside the folder where you've just saved your images, create a subfolder named thumbs ("thumbs" is MANDATORY and must be lower  case!)

  4. Create a small version of each image (Recommended width: 110pt) and save them all in the thumbs folder.

  5. In the ROOT of your site, create folder named ImageGallery (but you may call it any other name you wish) and save in it all the files included in the Dynamic-Image-Gallery.zip.

  6. Create links to the ImageGallery/ImageGallery.php from any page in your size. Example:

  7. Publish it all.

All parameters are lower case. Values can be what ever case.

Required parameters:

  • folder=path to pictures Indicate where your pictures are It must point to the thumbs folder.

Optional parameters:

  • noresize If included, the page will not resize it self. Use it when the gallery is the source of an iFrame for example.
  • returnto=What ever URL If included, a Back button will show and navigate to the URL.
  • blank If indicated, will retrun blank image gallery. Use is initial page. Will overwrite all other parameters.
  • close If included, will show close button in the upper left corner of the window.
  • noscroll If included will not scrollIntoView() when click on Next / Prev / Slidshow. Use it in iFrame.

You can buy the Dynamic Image Gallery here and now. The price is $6. Click on the PayPal image and continue.