Ciao a tutti sapete indicarmi come si fa ad adattare le immagini a seconda della risoluzione dello schermo o alla grandezza della finestra del browser? Ad esempio se ho aperto il browser a dimensione metà schermo vorrei che l'immagine si ingrandisca se io ingrandissi il browser.
Per semplicità vi passo un esempio: http://it.montecarloresort.com/
Grazie
Prima di risponderle Le consiglio di non farlo; l'effetto che quel sito ottiene è veramente pessimo.
Comunque... vada nel css e scriva:
img#miaImmagine {width: 100%; height: 100%; border: 0;}
al tag img aggiunga la proprietà id="miaImmagine".
Provi e mi faccia sapere.
Distinti saluti.
Think global, act local.
Come mai dice che è pessimo come effetto? Suggerisce qualcosa di alternativo?
L'algoritmo di ridimensionamento che viene usato, non è quello di Photoshop.
Se Lei nota, nel sito che mi ha suggerito come esempio, l'immagine risulta "sgranata" o a "quadretti".
Per quanto mi riguarda quell'effetto è pessimo.
La soluzione potrebbe essere quella di inserire l'immagine alla massima risoluzione possibile.
Ma in questo caso c'è da chiedersi: "Quanti sarebbero in grado di caricare una jpeg da 300Kb?".
Spero di essermi fatto capire.
Distinti saluti.
Think global, act local.
Quindi il problema secondo lei è ke l'immagine sgrana e perde ovviamente di qualità, ma se rimane a buona risoluzione e sempre gradevole va bene. Giusto?
Bhè si potrebbe essere, in quel caso, un bell'effetto.
Ma ripeto andrebbe sempre valutato di caso in caso.
Io non conosco esattamente la sua pagina, quindi non posso esprimermi in merito.
So per esperienza che le immagini in una pagina web, vengono intese dal visitatore, come fisse.
Potrebbe essere un tantino inatteso il suo effetto.
Ciò non toglie che, inserito in un contesto giusto, il suo effetto risulti comodo e piacevole.
Distinti saluti.
Think global, act local.
Grazie mille x l'aiuto
Non mi funziona su IE... c'è speranza?
Permessi di invio
Rispondi quotando