Nel momento in cui realizziamo un menù di navigazione composto da sole immagini e con effetti roll-over (immagini che cambiano al passaggio del mouse), il primo problema che salta all’occhio è quello relativo ad un certo ritardo nel visualizzare l’immagine alternativa, che si traduce nella visualizzazione di un riquadro grigio per 1-2 secondi.

Vediamo insieme come ovviare a questo piccolo inconveniente. In questo articolo esamineremo due soluzioni: la prima prevede l’inserimento di un semplice Javascript nella nostra pagina, mentre la seconda sfrutta la proprietà “background-position” del CSS.

Leggi tutto »

Quando si crea una pagina con delle proprie foto può essere interessante, per dare maggiore dinamicità al tutto, inserire degli effetti di transizione tra le immagini. In passato l’unico modo per inserire effetti del genere era ricorrere all’utilizzo del Flash. Oggi abbiamo a disposizione tantissime soluzioni Javascript che ci consentono di realizzare degli effetti gradevoli senza dover inserire pesanti animazioni nei nostri siti.

Leggi tutto »

Spesso nel progettare un’applicazione web si ha la necessità di effettuare l’upload di una o più immagini. Tuttavia difficilmente le immagini possono essere inserite nelle loro dimensioni naturali, e bisogna procedere alla creazione delle cosiddette miniature, in inglese “thumbnails”.
Per upload occasionali possiamo ricorrere al nostro fido programma di grafica ed effettuare manualmente il ridimensionamento dell’immagine. Tuttavia, se l’upload delle immagini dev’essere sistematico (ad esempio nel caso di una photogallery, o di un sistema di gestione degli articoli dove giornalmente si ha la necessità di caricare foto), sarà bene inserire nel proprio script PHP una procedura per automatizzare la creazione delle miniature.

Leggi tutto »