Instant Gallery ( Latest Uploads )

Rodolfo · Oct 10, 2012

You should use the bundled class.filelist.php

maordany · Nov 13, 2012

None of the codes here do not work for me. There may be a problem with the new version 2.5 and this codes ???

maordany · Nov 13, 2012

None of the codes here do not work for me. There may be a problem with the new version 2.5 and this codes ???

insomniax · Dec 8, 2012

Rodolfo said:
You should use the bundled class.filelist.php

Can you give a usage example?

EDIT: Nevermind! Usage example below:

PHP:

<pre>
    <?php
    require_once(__CHV_PATH_CLASSES__.'class.filelist.php');
    $mylist = new FileList();
    print_r($mylist);
    ?>
</pre>

insomniax · Dec 8, 2012

Incase anyone else still wants to use this method to create a gallery page, create the gallery.php page as instructed in the first post but use the following as the content:

PHP:

<?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
    require_once(__CHV_PATH_CLASSES__.'class.filelist.php');
    $myList = new FileList();
    $myList = $myList->filelist;
 
    foreach($myList as $myEntry){   
        print('<div class="thumbgall"><a href="'.$myEntry['image_shorturl'].'"><img src="'.$myEntry['image_thumb_url'].'" /></a></div>');       
    }
// Uncomment the following to display all possible values
/*
    print("<br><br><br>");
    foreach($myList as $myEntry){       
      foreach($myEntry as $key => $value){   
          print "<br />Array Key = $key :: Value = $value";             
      }           
    }
*/
    ?>
  </div>
<?php include_theme_footer(); ?>

Spankeh · Jan 6, 2013

Hi Guys,

I've been working on implementing a public gallery based off the look of the admin panel by duplicating the styles
I have a issue where the images on the gallery are limited, but would anyone know how I would go about making it an infinite scroll like the admin panel, or to paginate it?

Here's my working code so far

Code:

<?php if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?>
<?php include_theme_header(); ?>
<link type="text/css" href="/content/themes/Peafowl/style.css" rel="stylesheet">
    <div id="content" class="pages page_gallery">
    <?php
    require_once(__CHV_PATH_CLASSES__.'class.filelist.php');
    $myList = new FileList();
    $myList = $myList->filelist;
 
    foreach($myList as $myEntry){
        print('<div class="list-item" style=""><a class="title link" href="'.$myEntry['image_shorturl'].'" target="_blank">'.$myEntry['image_name'].'.'.$myEntry['image_type'].'</a></span><div class="thumb"><a href="'.$myEntry['image_shorturl'].'"><img src="'.$myEntry['image_thumb_url'].'" alt="" width="110" height="99"><span class="attr">'.$myEntry['image_width'].'x'.$myEntry['image_height'].'</span><span class="size">'.$myEntry['image_size'].'</span></div><div class="date">'.$myEntry['image_date'].'</div></div>');
    }
// Uncomment the following to display all possible values
/*
    print("<br><br><br>");
    foreach($myList as $myEntry){
      foreach($myEntry as $key => $value){
          print "<br />Array Key = $key :: Value = $value";
      }
    }
*/
    ?>
  </div>
<?php include_theme_footer(); ?>

BMWracing · Jan 20, 2013

Anybody willing to update this code so it looks a bit better?

I would like it to be like the first image and not the 2nd. I did this with paint btw.

I also can't get the last uploaded images to show on the frontpage (index.php) as explained in the startpost. How to fix this with 2.5?

dubchop · Feb 2, 2013

insomniax said:

Incase anyone else still wants to use this method to create a gallery page, create the gallery.php page as instructed in the first post but use the following as the content:

PHP:

<?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
    require_once(__CHV_PATH_CLASSES__.'class.filelist.php');
    $myList = new FileList();
    $myList = $myList->filelist;
 
    foreach($myList as $myEntry){ 
        print('<div class="thumbgall"><a href="'.$myEntry['image_shorturl'].'"><img src="'.$myEntry['image_thumb_url'].'" /></a></div>');     
    }
// Uncomment the following to display all possible values
/*
    print("<br><br><br>");
    foreach($myList as $myEntry){     
      foreach($myEntry as $key => $value){ 
          print "<br />Array Key = $key :: Value = $value";           
      }         
    }
*/
    ?>
  </div>
<?php include_theme_footer(); ?>

Does this list all images in the system or does it stop after so many?

Rodolfo · Feb 2, 2013

It is limited by default.

dubchop · Feb 2, 2013

thank you

JoepFernando · Jun 21, 2013

Could i ask if anyone could edit the .php code to make columns? If its possible, i would be very happy

BMWracing · Jul 15, 2013

yes please! Code is currently showing all images in one row making it unusable. Thanks!

It currently looks like this

Danny.Domb · Jul 16, 2013

Took me 10 minutes to create this :

Step 1

Create a file named gallery.css in content/your_theme/ and add the following into the file

Code:

.page_gallery .gallery-item {
    margin: 5px;
    padding: 5px;
    border: 1px solid #EEEEEE;
    box-shadow: 3px 3px 3px #888888;
    width: 100px;
    border-radius: 5px;
    float: left;
}
 
.page_gallery .gallery-item h2 {
    margin-top: 0;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
 
.page_gallery .gallery-item .dimension {
    float: left;
    font-size: 10px;
}
 
.page_gallery .gallery-item .size {
    float: right;
    font-size: 10px;
}

Step 2

Create a file named gallery.php in content/your_theme/pages and add the following into the file

PHP:

<?php if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?>
<?php
    include_theme_header();
 
    require_once(__CHV_PATH_CLASSES__.'class.filelist.php');
    $lstImages = new FileList();
   
    print('<div id="content" class="pages page_gallery">
            <h1>Gallery</h1>');
    foreach($lstImages->filelist as $image)
    { 
        print('<div class="gallery-item">
                    <a href="'.$image['image_shorturl'].'">
                        <h2>'.$image['image_name'].'</h2>
                   
                        <img src="'.$image['image_thumb_url'].'" />
                       
                        <span class="dimension">1080x1023</span>
                        <span class="size">'.$image['image_size'].'</span>
                    </a>
                </div>');   
    }
    print('</div>');
   
    include_theme_footer();

Step 3

Open the pages_config.php file found into the content/your_theme/pages/ folder

AFTER

PHP:

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

ADD

PHP:

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

Step 4

Open the header.php file found into the content/your_theme/ folder

AFTER

PHP:

<?php if(is_viewer()) : ?>
<meta name="twitter:card" content="photo">
<meta name="twitter:image" content="<?php show_img_url(); ?>">
<?php endif; ?>

ADD

PHP:

<link type="text/css" href="<?php print(__CHV_URL_THEME__); ?>gallery.css" rel="stylesheet" />

AND YOU ARE DONE

BMWracing · Jul 17, 2013

Awesome dude!! Looks great and works perfectly. This should be added to the topic start, faq etc

The only thing missing is the latest uploads feature, which the other gallery code had. This displayed a couple images on the bottom of the start/home page. See my site it shows latest uploads but no images. Any chance you could add that? Would like to display a couple images side by side (1 horizontal row and have it link to the gallery page)

Last but not least the only question/issue that I have left in order to have a fully 100% gallery site is :http://chevereto.com/community/threads/dutch-nl-layout-problem.3854/

Hoping you can assist with these last two points, seems like you are very good with coding etc.

Rodolfo · Jul 17, 2013

Copy paste the code that you are using for last upload to look what you did.

Danny.Domb · Jul 17, 2013

Workaholic said:
Awesome dude!! Looks great and works perfectly. This should be added to the topic start, faq etc The only thing missing is the latest uploads feature, which the other gallery code had. This displayed a couple images on the bottom of the start/home page. See my site it shows latest uploads but no images. Any chance you could add that? Would like to display a couple images side by side (1 horizontal row and have it link to the gallery page)

Last but not least the only question/issue that I have left in order to have a fully 100% gallery site is :http://chevereto.com/community/threads/dutch-nl-layout-problem.3854/

Hoping you can assist with these last two points, seems like you are very good with coding etc.

Open the index.php file found into the content/your_theme/ folder

AFTER

Code:

</form>

ADD

PHP:

<?php
            require_once(__CHV_PATH_CLASSES__.'class.filelist.php');
            $lstImages = new FileList('all', 'date_desc', 5);
   
            print('<div class="page_gallery" style="margin: 20px auto; width: 610px;">
                    <h1>Recent Uploads</h1>');
            foreach($lstImages->filelist as $image)
            { 
                print('<div class="gallery-item">
                            <a href="'.__CHV_RELATIVE_ROOT__.'gallery">
                                <h2>'.$image['image_name'].'</h2>
                   
                                <img src="'.$image['image_thumb_url'].'" />
                       
                                <span class="dimension">1080x1023</span>
                                <span class="size">'.$image['image_size'].'</span>
                            </a>
                        </div>');   
            }
            print('</div>');
            ?>

BMWracing · Jul 18, 2013

Thanks so much! Works perfectly. Now only the dutch language bug and I'm totally happy

AJ™ · Jul 21, 2013

I'm using the code Danny made and I'm getting this error:

Also this error on the actual gallery.php page:
Warning: Missing argument 1 for FileList::__construct(), called in /var/www/html/content/themes/plain/pages/gallery.php on line 6 and defined in /var/www/html/includes/classes/class.filelist.php on line 38 Warning: Missing argument 2 for FileList::__construct(), called in /var/www/html/content/themes/plain/pages/gallery.php on line 6 and defined in /var/www/html/includes/classes/class.filelist.php on line 38 Warning: Missing argument 3 for FileList::__construct(), called in /var/www/html/content/themes/plain/pages/gallery.php on line 6 and defined in /var/www/html/includes/classes/class.filelist.php on line 38 Warning: Missing argument 4 for FileList::__construct(), called in /var/www/html/content/themes/plain/pages/gallery.php on line 6 and defined in /var/www/html/includes/classes/class.filelist.php on line 38

Rodolfo · Jul 21, 2013

Hmm I believe that my constructor is wrong in includes/classes/class.filelist.php.

This:

PHP:

__construct($type, $order_sort, $limit, $keyword)

Should be this:

PHP:

__construct($type='', $order_sort='', $limit='', $keyword='')

And even better will be to call methods like $Filelist->setType("jpg") for instance. Well, try changing the construct and it will work for you. I will definitely improve this class for 3.0.

AJ™ · Jul 21, 2013

Thanks Rodolfo, that worked perfectly.

Instant Gallery ( Latest Uploads )

⭐ Chevereto Godlike

Chevereto Member

Chevereto Member

Chevereto Member

Chevereto Member

Chevereto Member

Chevereto Member

Chevereto Member

⭐ Chevereto Godlike

Chevereto Member

Chevereto Member

Chevereto Member

👽 Chevereto Freak

Chevereto Member

⭐ Chevereto Godlike

👽 Chevereto Freak

Chevereto Member

Chevereto Member

⭐ Chevereto Godlike

Chevereto Member