- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Galleria javascript
-
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.
-
Ciao simo-84, ti sposto nella sezione Scripting lato client che è la più adatta per il tuo problema.