Problema personalizzazione PrettyPhoto

**SteMito88** · 13-01-2010, 15:59

Ciao a tutti, ho appena scaricato PrettyPhoto e l'ho implementato nel mio sito e fin qui tutto ok, fa il suo lavoro come si deve.

Volevo personalizzarlo come dice nel sito ufficiale, aggiungendo questo codice:

codice:

<script type="text/javascript" charset="utf-8">

	$(document).ready(function(){
		$("a[rel^='prettyPhoto']").prettyPhoto({
			animationSpeed: 'normal', /* fast/slow/normal */
			opacity: 0.80, /* Value between 0 and 1 */
			showTitle: true, /* true/false */
			allowresize: false, /* true/false */
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
			theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
					});
	});
</script>

Nel sito ufficiale c'è scritto "To customize prettyPhoto, you can pass the following parameters" ..ma dove devo metterli?

il problema è che ho provato a metterlo nel <head>, nel <body>, sotto il </body> ma con questo codice non parte più nulla e mi apre l'immagine in un altra pagina. Perchè?

**ildrago.com** · 10-08-2010, 00:49

Ciao, forse in ritardo ma spero sia utile a te come a qualcun altro.
il codice da te inserito può essere personalizzato nella sezione

.prettyPhoto({ variabile1: 'valore', variabile2: 'valore', etc etc...});

codice:

<script type="text/javascript" charset="utf-8">
 $(document).ready(function () {
  $(".gallery a[rel^='prettyPhoto']").prettyPhoto({ theme: 'facebook', opacity: '1'});
  });
</script>

In questo caso è stato inserito il valore opacity: '1' per rendere lo sfondo completamente opaco.

Per quanto riguarda dove inserire questo codice, puoi metterlo nella sezione <head> dopo che hai richiamato i file .js di jquery e prettyphoto; oppure alla fine del documento prima del tag di chiusura </body>

Saluti.

Discussione: Problema personalizzazione PrettyPhoto

Strumenti discussione

Ricerca discussione

Visualizza

Problema personalizzazione PrettyPhoto

Permessi di invio