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.
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.
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 »