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