<?php 

/**

Template Page for the image browser

​

Follow variables are useable :

​

    $image : Contain all about the image 

    $meta  : Contain the raw Meta data from the image 

    $exif  : Contain the clean up Exif data 

    $iptc  : Contain the clean up IPTC data 

    $xmp   : Contain the clean up XMP data 

​

 You can check the content when you insert the tag <?php var_dump($variable) ?>

 If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>

**/

?>

<?php

$uri = 'http'. ($_SERVER['HTTPS'] ? 's' : null) .'://'. $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

?>

​

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>

​

<div class="ngg-imagebrowser" id="<?php echo $image->anchor ?>">

​

​

    <div class="pic">

        <h3><?php echo $image->alttext ?></h3>

​

        <div class="main-image">

        <div id="banner728">

            <? include TEMPLATEPATH . "/tags/tag728X90.php" ?>

        </div>      

        <div class="image-social">

                <div class="addthis_toolbox addthis_default_style ">

                <a style="float:left;margin-bottom:2px;" class="addthis_counter"></a>

                <a style="float:left;margin-bottom:2px;" href="http://pinterest.com/pin/create/button/?url=<?php echo $uri ?>&media=<?php echo $image->imageURL ?>" class="pin-it-button" count-layout="vertical" always-show-count="1"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

                <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

                <a style="float:left;margin-bottom:2px;" class="addthis_button_tweet" tw:count="vertical"></a> 

                <a style="float:left;margin-bottom:2px;" class="addthis_button_google_plusone" g:plusone:size="tall"></a>

                <div style="float:left;margin-bottom:2px;width:61px;position:relative;" class="fb-like" data-href="<?php echo $uri ?>" data-send="false" data-layout="box_count" data-width="61" data-show-faces="true"></div>

                </div>

        </div>

​

​

        <a style="text-align:center;float:left;margin-left: 70px;width: 586px;" title="" href="<?php echo $image->next_image_link ?>">

            <img style="text-align:center" title="" src="<?php echo $image->imageURL ?>" alt="<?php echo $image->alttext ?>">

        </a>

        <div class="fb-comments" data-href="<?php echo $uri ?>" data-num-posts="2" data-width="586"></div>      

        </div>

​

        <div class="ngg-imagebrowser-desc"><p><?php echo $image->description ?></p></div>

        <div class="ngg-imagebrowser-nav"> 

            <div class="back">

                <a class="ngg-browser-prev" id="ngg-prev-<?php echo $image->previous_pid ?>" href="<?php echo $image->previous_image_link ?>"><?php _e('<<', 'nggallery') ?></a>

            </div>

            <div class="next">

                <a class="ngg-browser-next" id="ngg-next-<?php echo $image->next_pid ?>" href="<?php echo $image->next_image_link ?>"><?php _e('>>', 'nggallery') ?> </a>

            </div>

            <div class="counter"><?php _e('Picture', 'nggallery') ?> <?php echo $image->number ?> <?php _e('of', 'nggallery')?> <?php echo $image->total ?></div>

​

        </div>  

    </div>

​

</div>  

​

<?php endif; ?>