Drop Gallery

Featuring Slightly Thickerbox*


Warning: Call-time pass-by-reference has been deprecated; If you would like to pass it by reference, modify the declaration of getimagesize(). If you would like to enable call-time pass-by-reference, you can set allow_call_time_pass_reference to true in your INI file in E:\jasons-toolbox.com\DropGallery\includes\gallery.php on line 11
NOTE: JavaScript is required to view the galleries. Sorry, but it's either that or an ever increasing, multi-megabyte page download. If you are seeing this message, then JavaScript is most likely disabled in your browser's settings.
2006_P5172459.JPG 2006_P5072422.JPG 2006_P5072421.JPG 2006_P5042386.JPG 2006_P5042379.JPG 2006_P5032376.JPG 2006_P4302371.JPG 2006_P4302369.JPG

Download links:

Drop Gallery is a very simple PHP and JavaScript based gallery. All you need to do is upload your images into a subdirectory of the gallery folder using your favorite method (FTP, SSH, etc). There is no post processing needed. The only requirement is that you also upload a set of thumbnail images into a subfolder under your images. Creation of thumbnails is no longer required. The thumbnails will be created on the fly.

If that sounds a bit complicated, here is a quick screenshot:

Notice the "test_gallery" folder? That is where all of the images reside. Now the thumbnails folder under there contains a set of thumbnails, each named the same as its cooresponding full-sized image. (Ignore that thumbnails folder as it is a remnant of a previous version and won't be used anymore.)

Of course, you can't simply upload the images and expect them to appear on your website. You'll need to add some code to your web page. First, add the following HEAD section of your website.

<script type="text/javascript" src="JavaScript/dropgallery.js"></script>
<script type="text/javascript" src="JavaScript/jquery.js"></script>
<script type="text/javascript" src="JavaScript/thickbox.js"></script>
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />

Now, where you want the images to appear, add the following PHP code:

<?php
$gallerydir = "test_gallery";
include('includes/gallery.php');
?>

Finally, copy the "dot_clear.gif" image to an "images" folder.

The result can be seen above. (Click an image for a larger version.)

* Slightly Thickerbox is a temporary name that I am giving some modifications that I made to Thickbox.