|
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:
ImageGallery.php?folder=Image-Gallery/thumbs&noresize&returnto=ImageGallery.php
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:
ImageGallery.php?folder=Image-Gallery/thumbs&noresize&returnto=ImageGallery.php
-
Open the Dynamic Image Gallery IN this
window. NO BACK button. The Dynamic Image Gallery adjust it
self to the size of your browser.
ImageGallery.php?folder=Image-Gallery/thumbs&noresize
-
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:
ImageGallery.php?folder=Image-Gallery/thumbs&noresize
-
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
ImageGallery.php?folder=Image-Gallery/thumbs
-
Open the Dynamic Image Gallery IN A NEW
window. Note "Close" button and the "Back" Buttons.
ImageGallery.php?folder=Image-Gallery/thumbs&close&returnto=ImageGallery.php
-
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.
ImageGallery.php?blank
-
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.
<script>
function openGallery(oImg)
{
window.open("ImageGallery.php?folder=" + oImg.src);
}
</script>
The images below demonstrate this:
See the Dynamic Image Gallery for your self
Click Here
The instructions are as simple as ABC:
Create a folder for the images someplace in your website (Example:
My-Kids). Save in the folder all the images you wish to show. Inside the folder where you've just saved your
images, create a subfolder named thumbs
("thumbs" is MANDATORY and must be lower case!) Create a small version of each image (Recommended width: 110pt) and save
them all in the thumbs folder. 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-PHP.zip. Create links to the Dynamic-Image-Gallery/ImageGallery.php from any page in your
size. Example:
Dynamic-Image-Gallery/ImageGallery.php?folder=My-Kids/thumbs&noresize 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.
|