• User

    Galleria javascript

    Ciao a tutti!
    Io vorrei effettuare una galleria di immagini con dimensioni variabili.
    In pratica io ho un pulsante avanti e indietro che all'evento onclick cambia l'immagine.
    In javascript ho un codice del genere

    //gli url delle immagini sono in un array e precedentemente viene calcolata la dimensione
    document.getElementById('immagine').setAttribute('src',file);
    var imgwidth = parseInt(arrayWidth[idArr]);
    var imgheight = parseInt(arrayHeight[idArr]);
    var largh = imgwidth;
    var altez = imgheight;

    //se l'mmagine è di una certa dimensione viene ridimensionata
    if (imgwidth>350) {
    largh = '80%';
    altez = '80%';
    }

    document.getElementById('immagine').setAttribute('width', largh);
    document.getElementById('immagine').setAttribute('height', altez);

    Quello che capita è che mettendoci un po' a caricare l'immagine prima viene ridimensionata l'immagine che si vuole cambiare e poi compare la nuova immagine... ci mette poco tempo però è brutto da vedere.
    Si può in qualche modo fare una cosa più bella?
    Avete visto qualche script bello? Ah una cosa, io posso anche usare il php e css.


  • Super User

    Ciao simo-84, ti sposto nella sezione Scripting lato client che è la più adatta per il tuo problema.

    :ciauz: