Overview

Thank you for purchasing jQuery XML Media Gallery.
In this documentation you will find informations about how to use this gallery.

Hope you like it.
Enjoy!

Javascript - Top

This document takes advantage of a third party JavaScript framework called jQuery.

To create a new gallery you need to write the folowing code :

$(document).ready(function() {
	// javascript class constructor
	gallery.init({
		xmlUrl: 'asset/gallery_01/content.xml' 
	});
});

Where xmlUrl = represents the url path to the xml to config

Using the config file to administer the images makes everything much easier, even for someone that doesn't have solid knowledge of HTML programming.
Another advantage for this gallery represents the fact that these XML files can be written dynamic from PHP.

XML - Top

How to config:

The images from the XML are well structured in folders this way.

Folders structure - Top

CSS Style - Top

This HTML document links to a CSS file called style.css inside the css folder. The CSS document is properly commented to help guide and inform the user of the different sections.

There is also reset.css and typography.css files

If you would like to change any color, you can take advantage of the new CSS RGB property. You may also use hex values instead of RGB. This document takes advantage of new CSS3 features such as border-radius.

.gallery-nav li { border-radius:8px; }

PHP Development - Top

There is only one PHP document provided with this script. This file validates and delivers the information submitted by the user in the contact form.

You must edit the email and SMTP settings to ensure your email is delivered properly. The code is written as follows:

/* EMAIL VARIABLES */
$mail = new PHPMailer();
$mail->Mailer = "sendmail";
$mail->From     = $email;
$mail->FromName = $name;

// add your email address here
$mail->AddAddress('alexandra.ipate@gmail.com');

$mail->WordWrap = 50;   // set word wrap
$mail->IsHTML(true);  // send as HTML

$mail->Subject  =  "Contact Us Form";
$mail->Body     =  $message_body;
$mail->Send();
				

Additional Overview - Top

Image gallery via wallbase.com