quesito su script LightBox 2

[zannas]

Analizziamo lo script? O meglio mi aiutate a capire come funziona? Sono sicuro che serve a tutta la community.

Ritengo questo script, non bello, di +, davvero fenomenale.

Domande:
-come fa ad attivarsi lo script semplicemente aggiungendo rel="lightbox" ? dove sta scritto questo? Come faccio a riproporlo nei miei script?
-prototype...che è? cosa fà?
-gli effetti come sono creati?

Insomma...tutto quel che succede dal caricamento dei file *.js allo scorrimento delle foto alla chiusura del box

[br1]

Originariamente inviato da zannas
Analizziamo lo script? O meglio mi aiutate a capire come funziona? Sono sicuro che serve a tutta la community.

Ritengo questo script, non bello, di +, davvero fenomenale.

Domande:
-come fa ad attivarsi lo script semplicemente aggiungendo rel="lightbox" ? dove sta scritto questo? Come faccio a riproporlo nei miei script?
-prototype...che è? cosa fà?
-gli effetti come sono creati?

Insomma...tutto quel che succede dal caricamento dei file *.js allo scorrimento delle foto alla chiusura del box

L'unica cosa chiara e' che stai parlando di qualcosa che hai sottomano... ma, per esempio, io non l'ho mai sentito nominare

Potrei inoltre sapere cosa dovrebbe significare [ufficiale] nel titolo?

ciao

[zannas]

Originariamente inviato da br1
L'unica cosa chiara e' che stai parlando di qualcosa che hai sottomano... ma, per esempio, io non l'ho mai sentito nominare

Potrei inoltre sapere cosa dovrebbe significare [ufficiale] nel titolo?

ciao

-http://www.huddletogether.com/projects/lightbox/ provalo fidati
-serve perchè non si creino altre discussioni riguardanti quest script (almeno così dovrebbe essere)

[andr3a]

Originariamente inviato da zannas
-serve perchè non si creino altre discussioni riguardanti quest script (almeno così dovrebbe essere)

quindi se uno ha lo script ma ha dubbi diversi dai tuoi non può aprire un'altra discussione ? :master:


cmq lightbox è semplicissimo da usare e la doc è altrettanto chiara, cosa non ti è chiaro ?

prototype è una libreria di effetti che semplifica anche le chiamate alla pagina con la dollar funciton $(){} (c'è gente che è convinta che per avere una dollar function debba usare 30 e passa Kb di prototype ....), lightobx è una libreria basata su prototype che gestisce il div o la lista di immagini al fine di mostrarle, il javascript si attiva da solo a pagina caricata, basta mettere un listener dedicato o un banale onload = {fai qualcosa}

[zannas]

Originariamente inviato da andr3a
quindi se uno ha lo script ma ha dubbi diversi dai tuoi non può aprire un'altra discussione ? :master:


cmq lightbox è semplicissimo da usare e la doc è altrettanto chiara, cosa non ti è chiaro ?

prototype è una libreria di effetti che semplifica anche le chiamate alla pagina con la dollar funciton $(){} (c'è gente che è convinta che per avere una dollar function debba usare 30 e passa Kb di prototype ....), lightobx è una libreria basata su prototype che gestisce il div o la lista di immagini al fine di mostrarle, il javascript si attiva da solo a pagina caricata, basta mettere un listener dedicato o un banale onload = {fai qualcosa}

1 - non è che non può...visto che si parla della stessa cosa perchè non postare qui?

prototype quindi è una libreria js? function $ ? mai sentita...sai dove posso trovare delucidazioni?

a proposito del listener...quello che non capisco è come fa lo script a partire semplicemente aggiungendo rel a un link invece di usare il classico onclick che richiama una funzione..

[Xinod]

questa e' la funzione $ in prototype

function $() {
	if (arguments.length == 1) return get$(arguments[0]);
	var elements = [];
	$c(arguments).each(function(el){
		elements.push(get$(el));
	});
	return elements;

	function get$(el){
		if (typeof el == 'string') el = document.getElementById(el);
		return el;
	}
}

questo il resto necessario

//useful array functions
Array.prototype.iterate = function(func){
	for(var i=0;i<this.length;i++) func(this[i], i);
}
if (!Array.prototype.each) Array.prototype.each = Array.prototype.iterate;

function $c(array){
	var nArray = [];
	for (var i=0;i<array.length;i++) nArray.push(array[i]);
	return nArray;
}

serve a ritornare sicuramente un riferimento all' elemento/elementi passati come argomento

e' comoda perche' passando una stringa sara' implicitamente considerata l' id dell' elemento, passando un array di id la funzione ritornera' un array di riferimenti ai singoli elementi
$("div1", "div2", "div3")

non servono onclick sugli elementi perche' l' alberatura XHML viene scorsa onload alla ricerca di link con attributo rel settato in quel modo, javascript si occupera' di assegnare i gestori di evento necessari
questa e' considerata una pratica di javascript non intrusivo

[fcaldera]

ci sono modi alternativi (non intrusivi)

ad esempio all'evento onload fai una scansione dei link. Per ciascuno di questi controlli se nell'i-esimo link l'attributo rel=="lightbox". In caso affemativo

link[i].onclick = function() {
...
}


Ciao

[zannas]

Originariamente inviato da Xinod
...non servono onclick sugli elementi perche' l' alberatura XHML viene scorsa onload alla ricerca di link con attributo rel settato in quel modo...

nel caso di lightbox in dove sta scritto che i codici js partono all'evento onload dato che per utilizzare lo script basta includere 2-3 file? NN sò se avete capito la mia domanda.
Cmq grazie, interessante il discorso di js non intrusivo...

[andr3a]

Originariamente inviato da zannas
nel caso di lightbox in dove sta scritto che i codici js partono all'evento onload dato che per utilizzare lo script basta includere 2-3 file?

se tu includi file pippo.js e pippo.js contiene


onload = function(){alert("Ciao")};

hai l'onload nella pagina con alert "Ciao"

[zannas]

danke....
sulle guide js nn le trovi quest cose qui.. 1000 grazie...
e intanto un dubbio è sfatato