corz distro machine.. download/php/imaging/thumber-examples/embed-thumber-in-a-div-in-your-page.php


<?php

/*
    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.

    ;o)

    (c) 2005->tomorrow! ~ cor + corz.org ;o)

*/

// This is our page..
require_once $_SERVER['DOCUMENT_ROOT'].'/inc/init.php';
echo $site_config['doc_type_out_full'].'
<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" />';
include $site_config['metadata'];
echo '</head>
<body>';
include $site_config['header'];

// here is some content..
echo '
<div class="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..

    <div class="clear-small"></div>

    <h2>Thumber Features..</h2>

    <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
        galleries.


    <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
        JavaScript pop-ups. Pretty neat.


    <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
        stored).


    <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 &quot;Exhibit&quot; 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']
        ,'/imaging/Exhibits/Charged%20Couple%20Device/exhibit.php"
        title="Charged Coupled Device.. Thumber\'s first &quot;Exhibit&quot; -
More to come!" id="link-corz-exhibit-ccd">here</a>.

    <div class="clear-tiny"></div>

    <h2>It\'s Easy!</h2>

    <p>Check out the examples, <a href="',
    $site_config['url'],'/public/machine/source/php/imaging/thumber-examples/"
    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>
<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!
include $site_config['full_admin_path'].'/img/thumber.php';

// 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..
echo'</div>
</div>';
include $site_config['footer'];
echo '</body>
</html>';
?>