Photo Swipe

PhotoSwipe is a free HTML/CSS/JavaScript based image gallery targeting mobile devices, demo.

Awesome Mobile Image Gallery Web App

This is a tutorial blog post written by tympanus.net, really good example to showing step by step creating mobile web image gallery using jQTouch, demo.

Tiny Circleslider

Tiny Circleslider is a circular slider or carousel build based on jquery library, this one have a unique interface as a gallery to be used, the radius size can be customized so it will fit in any mobile devices.

Touch Gallery

A fullscreen photo gallery for touch-devices.

jQTouch Extensions

jQExtensions is a collection of extensions for the jQTouch mobile web app framework based on jQuery. This one already discontinued but have a good example used to creating simple photo gallery, demo.

Jaipho

Jaipho is a mobile web gallery inspired by original iPhone photo application, demo.

Galleria

I’m not really testing this one but from the documentation you can see swipe features, which mean you can use it on mobile devices.

TN3 Gallery

Like galleria I’m not really testing this one but from the sites says it supported mobile devices.

$data['page_title'] = 'Your title';
$this->load->view('header');
$this->load->view('menu');
$this->load->view('content', $data);
$this->load->view('footer');

Or the worse before this sometimes I include the header and footer directly on the view file, well these method really wasting time, an make the code on the views not really well organized.

This post is my little idea to automatically load most used layout part in Codeigniter using our custom library, Lets get through the code, first create a library file in application/libraries/ for example My_Layout.php, and these all the code for the library

<?php

class MY_Layout extends CI_Controller {

    public $header = 'header';
    public $footer = 'footer';

    public function content($views = '', $data = '')
    {
        // load header
        if ($this->header)
        {
            $this->load->view($this->header, $data);
            $data = '';
        }

        // load content, can be more than one views
        if (is_array($views))
        {
            foreach ($views as $view)
            {
                $this->load->view($view, $data);
                $data = '';
            }
        }
        else
        {
            $this->load->view($views, $data);
        }

        // load footer
        if ($this->footer)
        {
            $this->load->view($this->footer);
        }
    }
}

Basically this library just manipulating the default view function, I set $header and $footer attributes as values that most common used name, but you can change it on the fly, the content function load three main view, first the header, we can set the header to FALSE if do not wan to load it, and if the header load first the dynamic data that came from controller, loaded too, in case we need a dynamic data on the header. Second, the content, this section can be consist more than one views, and the last is footer, similar to header it can be loaded or not.

Sample Usage

This is the sample usage in controller, using single view.

<?php

class User extends CI_Controller {

    public function __construct() {
        parent::__construct();
        $this->load->library('MY_Layout');
    }

    public function test()
    {
        $data['title'] = 'dynamic_string';

        $this->my_layout->content('user/test', $data);
    }
}

Using More Than One Views

To use two or more layout you can assign the views as array

$data['title'] = 'dynamic_string';
$views = array(
    'menu' => 'menu',
    'content' => 'user/test'
);

$this->my_layout->content($views, $data);

Header & Footer

You can set your own header and footer by directly set the its properties, to your header value, or maybe just set to FALSE to turn the header or footer off.

$this->my_layout->header = 'user/custom_user_header';
// or turn off header
$this->my_layout->header = FALSE;

That’s all hope that can give you some idea to start with, or maybe you can give some more features to this library to make it better, and easy to use.

class User extends Controller {

	// constructor class
	function __construct()
	{
		parent::Controller();
		$this->load->library('session');
	}

	function index()
	{
		$this->load->view('user/index');
	}

	function login()
	{
		// if user already logged in, redirect to user index
		if ($this->_is_logged_in())
		{
			redirect('user/index');
		}
		else
		{
			$this->load->view('user/login');
		}
	}

	function register()
	{
		// if user already logged in, redirect to user index
		if ($this->_is_logged_in())
		{
			redirect('user/index');
		}
		else
		{
			$this->load->view('user/register');
		}
	}

	// checking user logged user by registered session
	function _is_logged_in()
	{
		$logged = $this->session->userdata('user_id');
		if ($logged)
		{
			return TRUE;
		}
		else
		{
			return FALSE;
		}
	}
}

The problem using that method is when we have multiple controller using the same function, we have to write the same code again and again, uh that’s painfull, this post have simple answer. Another solution is creating that user session checking function in model class, but when we create a class model in CodeIgniter we must extends CI Model Class and I don’t think we need to extends the CI Model Class, so I create my own user session library, and here it goes:

Create a php file named MY_Usession.php in folder application/libraries/, Insert this code and save it:

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class MY_Usession extends CI_Session {

    public $logged_in = FALSE;

    public function  __construct() {
        parent::CI_Session();
        $this->is_logged_in();
    }

    public function is_logged_in()
    {
        $logged = $this->userdata('user_id');
        $this->logged_in = ($logged) ? TRUE : FALSE;
    }
}

Open file application/config/autoload.php add the library to the $autoload["libraries"] variable, it may something like this

$autoload['libraries'] = array('database', 'session', 'my_usession');

Yup now all set, when we load every controller, the MY_Usession library will check whether the user is logged in or not, and you can access it in Controller or in a View by calling it’s property

$this->my_usession->logged_in

For example using in Controller:

class User extends Controller {

	// constructor class
	function __construct()
	{
		parent::Controller();
		$this->load->library('session');
	}

	function index()
	{
		$this->load->view('user/index');
	}

	function login()
	{
		// if user already logged in, redirect to user index
		if ($this->my_usession->logged_in)
		{
			redirect('user/index');
		}
		else
		{
			$this->load->view('user/login');
		}
	}

	function register()
	{
		// if user already logged in, redirect to user index
		if ($this->my_usession->logged_in)
		{
			redirect('user/index');
		}
		else
		{
			$this->load->view('user/register');
		}
	}
}