miniature scorrevoli

[bischeror79]

Buongiorno a tutti,
in allegato trovate uno schema di quello che devo realizzare.
In sintesi avrei bisogno di poter avere delle miniature in fondo pagina di alcuni gioielli.
Vorrei farne visualizzare tipo 8 e con delle frecce poter scorrerle tutte.
Cliccando poi su una di queste mi si apre o nella stessa pagina o in un altra pagina la relativa scheda dell'articolo. Sapete darmi qualche indicazione su come realizzarla o indicarmi qualche tutorial ?

Vi ringrazio anticipatamente per la collaborazione!

Roberto

[artorius]

che dici di : http://www.outcut.de/MooFlow/

[bischeror79]

Bello ma non è esattamente quello che cercavo .
A me basterebbe una semplice riga dove inserire delle miniature che posso far scorrere con delle frecce e alle quali posso dare un collegamento per poter visualizzare la scheda del prodotto.

[Xinod]

vedi se ti puo' andare bene una di queste
http://spaceforaname.com/gallery-customized.html
http://coffeescripter.com/code/ad-gallery/

[artorius]

puoi usare questo per lo scorrimento: http://mootools.net/forge/p/fx_scroll_carousel

Per la pagina hai bisogno di ottenere i dati dal WebServer in un formato Leggibile, quindi o fai una pagina che prende in ingresso l'id del prodotto e ritorna l'HTML con i dati corrispondenti ed al link associato all thumbnail:

es:

FIle PHP pagina.php

<?php
    //Qui ottieni i dati da visulizzare in base all'id contenuto in $_GET['id'] e li salvi nelle seguenti variabili
    $imgSrc; //src dell'immagine grande
    $title; //titolo
    $subtitle; //sottotitolo
    $text; //testo
?>
<div class="ImageWrapper">
     <img src = "<?php echo $imgSrc; ?>"
</div>
<div class = "DatasWrapper">
   <h1><?php echo $title; ?></h1>
   <h2><?php echo $subtitle; ?></h2>
   


      <?php echo $text; ?>
   </p>
</div>

Poi associ un attributo identificabile ai link delle thumbnail.

<div id = "Datas">
   
</div>
<ul class = "Thumbnails">[*]
       <a href="path/tua/pagina.php?id=1" rel="updater">
          [img]thumbs/immagine.jpg[/img]
       </a>
    [*]
       <a href="path/tua/pagina.php?id=2" rel="updater">
          [img]thumbs/altra immagine.jpg[/img]
       </a>
    [*]
       <a href="path/tua/pagina.php?id=3" rel="updater">
          [img]thumbs/immagine altra.jpg[/img]
       </a>
    [*]
       <a href="path/tua/pagina.php?id=4" rel="updater">
          [img]thumbs/ebbasta.jpg[/img]
       </a>
    [/list]

Poi, dato che hai già inserito MooTools fai:

window.addEvent("domready", function(){
    $$('a[rel="updater"]').each(function(item){
        item.addEvent("click", function(e){
            e.stop();
            $('Datas').load(this.get('href'));
        });
    });
});

Ed il gioco è fatto.

[bischeror79]

Grazie...in realtà mi serviva una ocsa ancor piu semplice ...

Tipo questa http://zendold.lojcomm.com.br/icarousel/example3.asp

grazie a tutti per l'aiuto!