Instant Gallery ( Latest Uploads )

[wethead]

Hi

Its not a huge plugin or anything, BUT if you want to show a gallery anywhere on your site add the following

Instant Gallery ( Latest Uploads )

We will be making a "Gallery Page"

You can also use this function in other places in your theme I.e home page / footer etc

Step One:

Create a new page called gallery.php in text editor:

Then add the following code:

<?php if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?>
<?php include_theme_header(); ?>
    <div id="content" class="pages page_gallery">


<?php
$largeArray = glob("images/*.jpg");
$counter = 0; 
foreach (array_slice(glob("images/thumbs/*.jpg"),0,60) as $thumb) {
echo ("<div class='thumbgall'><a href='$largeArray[$counter]'><img src='$thumb'/></a></div>");
$counter++;
}
?>
   </div>
<?php include_theme_footer(); ?>

Step Two:

Save as gallery.php


Step Three:

Upload gallery.php to your themes/YOURtheme/pages/

Step Four:

EDIT:

themes/YOURtheme/pages//pages_config.php

find:

'contact'    => array('live' => true, 'title' => 'Contact'),

add under:

'gallery'    => array('live' => true, 'title' => 'Gallery'),

If you want to style it, add this to your style.css

.thumbgall{padding: 10px 5px 10px 5px;display:inline;}

The function:



To change number of images to display edit: ( The bold )



b("images/thumbs/*.jpg"),0,60) as $thumb) {

<?php
$largeArray = glob("images/*.jpg");
$counter = 0; 
foreach (array_slice(glob("images/thumbs/*.jpg"),0,60) as $thumb) {
echo ("<div class='thumbgall'><a href='$largeArray[$counter]'><img src='$thumb'/></a></div>");
$counter++;
}

ENJOY!

Here is a screenshot of what it will produce

 

[wethead]

ALSO:

If you wanted to display like ( 8 ) images on your home page:

find on: /yourtheme/index.php

show_lang_txt('txt_cancel'); ?></a></div>
            </div>
        </form>

add under:

<br />
<h1>Recent Uploads</h1>

<p style="padding: 10px 0px 0px 0px;">

<?php
$largeArray = glob("images/*.jpg");
$counter = 0; 
foreach (array_slice(glob("images/thumbs/*.jpg"),0,8) as $thumb) {
echo ("<div class='thumbgall'><a href='$largeArray[$counter]'><img src='$thumb'/></a></div>");
$counter++;
}

?>

</p>

Like so:

 

[Lautaro]

aren't you just taking the .jpg images with this ?

 

[wethead]

aren't you just taking the .jpg images with this ?

Yep, I am

Good Point, I will try to re-code that to show all extensions

 

[Danny.Domb]

Also, you may recheck your code, because it is really inefficient. You could do the same results with using much less server ressources.

 

[wethead]

Also, you may recheck your code, because it is really inefficient. You could do the same results with using much less server ressources.

Feel free to correct me

 

[chevuser1]

This sorts images by their name. Is there any way to change that so the images are sorted by upload date instead? I'd prefer to show images in the order they were uploaded, i.e. most recent first.

Thanks for the code, btw.

 

[Lautaro]

since the mod doesn't use a database to store the images data i guess you can use the php function filectime

hope this helps.

 

[wethead]

This sorts images by their name. Is there any way to change that so the images are sorted by upload date instead? I'd prefer to show images in the order they were uploaded, i.e. most recent first.

Thanks for the code, btw.

Not really, as the guy above me said there is no DB......so there is no _time_stamp.....

 

[Lautaro]

This sorts images by their name. Is there any way to change that so the images are sorted by upload date instead? I'd prefer to show images in the order they were uploaded, i.e. most recent first.

Thanks for the code, btw.

Not really, as the guy above me said there is no DB......so there is no _time_stamp.....

but you can use the function filectime() for this

 

[wethead]

This sorts images by their name. Is there any way to change that so the images are sorted by upload date instead? I'd prefer to show images in the order they were uploaded, i.e. most recent first.

Thanks for the code, btw.

Not really, as the guy above me said there is no DB......so there is no _time_stamp.....

but you can use the function filectime() for this

Yes, Yes you can, I am new learning all the advanced functions, BUT I like to share code as I go, So I can be helpful to others

If anyone is looking for a free image gallery, here is one I found 2 days ago and it works nice !


http://www.lateralcode.com/create-a-simple-picture-gallery-using-php/



You can download the files from the guys site above ( not my website )

Hope this helps, but with that script above and some time you can create something cool.

Code is like poetry , its fun and rewarding , always keep trying and you'll always get better is my motto

 

[mecho]

Thanks for sharing . IT works great .

I'm just wondering if there is a chance that when users click on the tumbs it will show the full picture sth like LightBox image viewer .

 

[wethead]

Also, you may recheck your code, because it is really inefficient. You could do the same results with using much less server ressources.

Like how?

Can someone like yourself provide an example?

I

 

[mecho]

how to show "Recent Images" ???

if u want to show images on ur index.php it will never change ! the first X uploaded images will be shows up ALWAYS !!!

 

[Piers]

Use array sort

 

[mecho]

would u gimme more detail . i'm not good at Coding .

Thanks

 

[Wink]

My gallery version with file sort by upload time

<?php if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?>
<?php include_theme_header(); ?>
<div id="content" class="pages page_gallery">

<?php
function gallery_block($total)
{
    $img_dir = __CHV_FOLDER_IMAGES__.'/';
    $tmb_dir = __CHV_FOLDER_THUMBS__.'/';
    
    $counter = 1;
    $_times = $images = array();
    $_files = glob($img_dir."{*.gif,*.jpg,*.png}", GLOB_BRACE);

    foreach ($_files as $i => $file) { $_times[$i] = filemtime($file); }
    arsort($_times);

    foreach ($_times as $i => $time) 
    {
        if ($total < $counter++) break;
        $images[] = basename($_files[$i]);
    }
    foreach ($images as $image)
    {
        echo '<div class="thumbgall"><a href="/?v='.$image.'"><img src="'.$tmb_dir.$image.'"/></a></div>';
    }
}
gallery_block(60);
?>

</div>
<?php include_theme_footer(); ?>

 

[Wink]

A much faster way, but you should have the rights to use the system() function on your hosting

function gallery_block_sys($total)
{
    $img_dir = __CHV_FOLDER_IMAGES__.'/';
    $tmb_dir = __CHV_FOLDER_THUMBS__.'/';

    ob_start();
    system("ls -t {$img_dir} | grep -i -e 'jpg$' -e 'png$' -e 'gif$'");    

    $files = split("\n", ob_get_clean());
    $counter = 1;
    foreach ($files as $file)
    {
        if ($total < $counter++) break;

        $image = trim($file);
        if (is_file($img_dir.$image))
        {
           echo '<div class="thumbgall"><a href="/?v='.$image.'"><img src="'.$tmb_dir.$image.'"/></a></div>';
        }
    }
}
gallery_block_sys(60);

 

[Danny.Domb]

A much faster way, but you should have the rights to use the system() function on your hosting

using the system function is never recommanded, even if you think that its perfectly safe when no user input is allowed, it is not... PHP is never completly safe and injecting code / overwritting variables is possible...

And if somebody were to overwrite one of your variable he could send code directly to your system command... Not a great idea really

 

[primalmale]

What about a source to show random images?