An example of how to include Thumber in a /part/ of your page.
This example is the same as "embed-thumber-in-your-page-section.php", except
that instead of filling an entire page, we are putting the thumbnails inside
a structure of some sort, in this case, a right-hand column.
(c) 2005->tomorrow! ~ cor + corz.org ;o)
// This is our page..
<title>Thumber Example gallery!</title>
<meta name="description" content="Thumber is a thumbnail gallery generator, from corz.org!" />
<link rel="stylesheet" href="/inc/css/thumber.css" type="text/css" media="screen" />';
// here is some content..
<div id="" class="left-column justify">
<h1>A Side of Thumbs!</h1>
<p>There is very little difference between this and the regular
embedding example, except we placed the thumbs inside a div on the
right-hand side of the page.
<p>Thumber doesn\'t mind where you place your thumbs. It will spit the
thumbs out into whatever container you place it inside. Or create the
entire page for you, as required.
<p>All styling is controlled by CSS, so the possibilites are infinite.
<p>Of course, one would normally place content here, so let\'s do that,
with some thumber blurb..
<h3>Beautiful HTML5 Output:</h3>
<p class="indented">Just look at it! And if that\'s not your bag, it\'s
trivial to make Thumber completely different! Everything is standards
compliant, so you can go nuts with CSS, creating all sorts of groovy
<h3>Dynamic thumbnail generation <em>and</em> deletion:</h3>
<p class="indented">If you add an image to the directory, a new
thumbnail will be automatically created. If you remove an image from the
directory, its thumbnail will be automatically deleted. Simple.
<h3>Automatically sized pop-ups:</h3>
<p class="indented">Image dimensions are recorded (at thumbnail
generation time) and the dimension information is then used to size the
<h3>Fully Configurable thumbnails:</h3>
<p class="indented">You can have either low or high quality, jpeg or
png (with full alpha transparency support). You can also specify the
size and location of stored thumbnails, either locally to the images, or
globally (easier), with a single directory covering your entire site
(don\'t worry, Thumber keeps it organised in there!)
<h3>Automatic Thumbnail Update:</h3>
<p class="indented">If you update an image in any way, Thumber will
create a new thumbnail for that image (modification time is also
<h3>Stand-Alone or Embedded Operation:</h3>
<p class="indented">Thumber can be easily embedded inside your web
pages, or else function in a stand-alone state. Or both, all-at-once.
<h3>Cool "Exhibit" mode</h3>
<p class="indented">Perfect for more <span class="strike-through">
pretentious</span> artful galleries, exhibit mode leaves room for
accompanying text/html files to be inserted under the images with AJAX.
Example <a href="',$site_config['url']
title="Charged Coupled Device.. Thumber\'s first "Exhibit" -
More to come!" id="link-corz-exhibit-ccd">here</a>.
<p>Check out the examples, <a href="',
title="Thumber example Setups.." id="link-internal-thumber-examples">here</a>.
Oh wait a minute, you are LOOKING AT one of the examples! Cool, huh!
<p>Make Big Fun Now!
<p>;o) ',mailer_link('sig', '', 'my-subject-here'),'
<div class="right-column thumb-page">';
// This is where we want our thumbs.
// Disable the preamble..
$thumber['preamble'] = false;
// We will display only the header message, instead..
$thumber['title'] = 'Style away to your heart\'s content!';
// This is the only line you actually need!
// When no "dir" has been sent (via $_GET), thumber assumes you want thumbnails
// for THIS directory. But like most thumber behaviour, that can be overridden.
// See "super-simple-portable-thumber-setup+options.php" for more details.
// Click the test link at the top of this page to see what all this looks like.
// finish the page..
Welcome to corz.org!
I'm always messing around with the back-end.. See a bug? Wait a minute and try again. Still see a bug? Mail Me!