Buona sera a tutti,
sto usando lo script iCarousel (http://zendold.lojcomm.com.br/icarousel/) nella versione per MooTools 1.2+ (http://www.tnw.it/download.php?view.7) per gestire una slideshow di una serie di immagini.

Per usare lo script uso questo codice:
codice:
window.addEvent("domready", function() {
	var products = new iCarousel("photos", {
		idPrevious: "products_previous",
		idNext: "products_next",
		idToggle: "undefined",
		item: {
			klass: "frame",
			size: 300
		},
		animation: {
			type: "scroll",
			duration: 1000,
			amount: 1
		}
	});

	$("thumb0").addEvent("click", function(event){new Event(event).stop();products.goTo(0)});
	$("thumb1").addEvent("click", function(event){new Event(event).stop();products.goTo(1)});
	$("thumb2").addEvent("click", function(event){new Event(event).stop();products.goTo(2)});
	$("thumb3").addEvent("click", function(event){new Event(event).stop();products.goTo(3)});
	$("thumb4").addEvent("click", function(event){new Event(event).stop();products.goTo(4)});
	$("thumb5").addEvent("click", function(event){new Event(event).stop();products.goTo(5)});
	$("thumb6").addEvent("click", function(event){new Event(event).stop();products.goTo(6)});
});

-- NEL BODY --

<div id="products">
	<ul id="photos">
		<li class="frame">
		<li class="frame">
		<li class="frame">
		<li class="frame">
		<li class="frame">
		<li class="frame">
		<li class="frame">
	[/list]
	<div id="thumbs">
		<ul>
			[*]
			[*]
			[*]
			[*]
			[*]
			[*]
			[*]
		[/list]
	</div>
</div>
Nel css le dimensioni di ul#photos sono pari a 13000+px.
In realtà, però, basterebbe che fossero pari a [Numero di foto]*li#frame.width.
E li#frame.width è definito nell'inizializzazione della classe iCarousel, item.size = 300.

Ora, e vengo alla domanda, se io volessi impostare la larghezza di ul#photos via javascript dovrei fare qualcosa del genere:

1) Richiamare il valore di products.item.size;
2) Moltiplicare questo valore per il numero di immagini e assegnarlo a una variabile ("liFrameWidth")
3) Impostare la proprietà di ul#photos = liFrameWith

Ho letto qualche guida su JavaScript (anche quella di html.it) e capito qualcosa ma non sono in grado di scrivere queste semplici istruzioni da solo. Inoltre non so se devo inserirle all'interno di window.addevent o se devo scriverle a parte.

Se qualcuno potesse aiutarmi riuscirei a capire meglio come funziona javascript.

Grazie mille, bye bye