Descarc fisierele plugin-ului. Dezarhivez .zip-ul. Bag folderul yoxview in folderul js din root-ul site-ului. In folderul js se afla, de asemenea, si jquery1.4.2.js, fisierul cu libraria jQuery. Sterg yoxview-nojquery.js, jquery-1.4.2.min.js, jquery.jsonp-1.0.4.min.js, jquery.yoxview-1.1.min.js.
Modific yoxview-init.js in:

var _yoxviewPath = getYoxviewPath();

document.write('<link rel="Stylesheet" type="text/css" href="' + _yoxviewPath + 'yoxview.css" />');

function LoadScript( url )
{
	document.write( '<scr' + 'ipt type="text/javascript" src="' + url + '"><\/scr' + 'ipt>' ) ;
}
LoadScript(_yoxviewPath + "jquery.timers-1.2.min.js");
LoadScript(_yoxviewPath + "jquery.yoxview-1.1.js");

function getYoxviewPath()
{
    var scripts = document.getElementsByTagName("script");
    var regex = /(.*\/)yoxview.*/i;
    for(var i=0; i<scripts.length; i++)
    {
        var currentScriptSrc = scripts[i].src;
        if (currentScriptSrc.match(regex))
        return currentScriptSrc.match(regex)[1];
    }

    return null;
}

Din folderul lang pot sterge toate fisierele in afara de en.js.
Dupa toate astea, folderul yoxview (care asa cum am zis se afla in folderul js din root-ul site-ului) va arata asa:

In acest fel ma scap de fisiere inutile. Nu are sens sa ocup spatiu pe server aiurea.
Acum nu imi mai ramane decat sa implementez plugin-ul in pagina mea web.

Citeste tot articolul »

Publica acest articol pe Twitter

Descarc fisierele plugin-ului. Dezarhivez .zip-ul. Iau jquery.lightbox-0.5.js si il bag in folderul js din root-ul site-ului. In folderul js se afla, de asemenea, si fisierul care contine libraria jQuery. jquery.lightbox-0.5.css il bag in folderul css din root-ul site-ului. In folderul images din root-ul site-ului creez un folder lb-btns in care voi baga imaginile cu butoanele LightBox-ului din folderul images. Acum am grija sa modific chemarile butoanelor in fisierul jquery.lightbox-0.5.js de la linia 30 la 34.

Acum nu imi mai ramane decat sa implementez plugin-ul in pagina mea web.

Citeste tot articolul »

Publica acest articol pe Twitter

Ca tot am inceput sa vorbesc despre cod procedural reutilizabil am sa prezint cateva functii PHP foarte utile in orice proiect.

read_images() – citeste imaginile dintr-un folder de pe server si le incarca intr-un array

function read_images($folder, $allowed_extensions = NULL, $min_width = NULL, $max_width = NULL, $min_height = NULL, $max_height = NULL, $min_size = NULL, $max_size = NULL) {
	//-----specific valorile default
	$allowed_extensions = (isset($allowed_extensions)) ? $allowed_extensions : array('.jpg', '.jpeg', '.gif', '.png');
	$min_width          = (isset($min_width))          ? $min_width          : 1;
	$max_width          = (isset($max_width))          ? $max_width          : 10000;
	$min_height         = (isset($min_height))         ? $min_height         : 1;
	$max_height         = (isset($max_height))         ? $max_height         : 10000;
	$min_size           = (isset($min_size))           ? $min_size           : 1;
	$max_size           = (isset($max_size))           ? $max_size           : 10000;

	//-----initializez array-ul in care voi strange numele imaginilor de pe server
	$images = array();

	if (is_dir($folder)) {
		//-----deschid folderul de imagini pentru a-l citi
		if($handle = opendir ($folder)) {
			//-----citesc folderul
			while ($image_name = readdir($handle)) {
				//-----"." reprezinta folderul curent iar ".." reprezinta folderul anterior
				if ($image_name != '.' && $image_name != '..') {
					$image_extension = substr($image_name, strrpos($image_name,'.'),100);
					$image_extension = strtolower($image_extension);

					if (in_array($image_extension,$allowed_extensions)) {
						$properties = @getimagesize($folder.'/'.$image_name);
						$size = round(filesize($folder.'/'.$image_name) / 1024);

						if ($properties[0] >= $min_width  && $properties[0] <= $max_width &&
							$properties[1] >= $min_height && $properties[1] <= $max_height &&
							$size          >= $min_size   && $size          <= $max_size) {

							$images[] = $image_name;
						}
					}
				}
			}

			closedir($handle);
		}
	}

	return ($images);
}

Citeste tot articolul »

Publica acest articol pe Twitter

UPDATED ARTICLE

Probabil toata lumea stie cum se realizeaza in jQuery un slider. E destul de simplu. Incarcam fisierul jQuery in pagina si plugin-ul jQuery pentru realizarea sliderului. Putem prezenta in slider nu numai imagini ci si orice fel de continut de la texte la video.
Citeste tot articolul »

Publica acest articol pe Twitter

Scripturile PHP apelate prin functia include() le gasiti in articolul despre versiunea 2 a formularului de contact.
Interogarea SQL care creeaza tabelul in care se vor stoca comentariile o gasiti in articolul despre prima versiune a formularului de comentarii.

Citeste tot articolul »

Publica acest articol pe Twitter