Ridimensionamento immagine

Se si apre un immagine in una nuova pagina di explorer, quest'ultima si ridimensionerà automaticamente alle dimensioni della pagina aperta e passando il mouse sopra sarà possibile ridimensionarla alle dimensioni reali dell'immagine. In pratica si rimpicciolisce a seconda della grandezza della pagina di expolrer aperta. E' possibile creare una cosa del genere anche dentro un FRAME? In pratica vorrei aprire un'immagine in un frame, però questa non si rimpicciolisce alle dimensioni del frame e quindi sono costretto a introdurre delle barre di scorrimento per poter vedere tutta l'immagine. Sarebbe molto più "elegante" se quet'immagine si rimpicciolisse a second delle dimensioni del frame. E' possibile una cosa del genere?

Impostarne le dimensioni a seconda del frame? :?????:

Come sai il FRAME può avere delle dimensioni predefinite. Ad esempio 330px per 330px. Ora se apro all'interno un'immagine di 800px X 600px , bisogna mettere per forza delle barre di scorrimento, mentre se aprissi l'immagine in una pagina di explorer quest'ultima si rimpicciolisce a seconda delle dimensioni della pagina. Vorrei creare un meccanismo che facesse la stessa cosa nel frame. Capito ora?

Quello che intendeva dire Twoface è che ti basta impostare delle dimensioni fisse anche all'immagine.
In pratica se l'iframe ha dimensioni di 330x330 basta che tu metta nel tag img le dimensioni che vuoi che abbia la tua immagine
Supponiamo che tu voglia che l'immagine ci stia nell'iframe e avanzi un po' di spazio dovrai solo fare cosi'
<img src="www.tuosito.com/immagine.gif" heigth="300" width="300" alt="">
in questo modo l'immagine avra impostate tali dimensioni anche se le sue fossero ben diverse (ex: 1000px 500px).
Capit ? :lol:

Questo procedimento che mi hai suggerito andrebbe bene se le immagini fossero tutte della stessa dimensione, ma visto che alcune sono 1024x768 ed altre 800x600 ed altre ancora diverse, se impostassi lo stesso ridimensionamento per tutte le foto alcune verrebbero schiacciate ed altre allungate. Per evitare di mettere un if che mi controlli tutte le immagini, volevo sapere se esisteva una funziona che mi ridimensionasse le immagini automaticamente, un po' come succede quando apri un immagine in una nuova finestra. Tutto qui, altrimenti dovrò fare controlli su tutte le foto che voglio visualizzare. Capito ora? :grin:

dovresti fare allora,frame a percentuali (non so se si possa fare) e idem per le immagini...

Se ho ben capito tu vorresti ridimensionare le immagini mantenendo però le proporzioni iniziali tra altezza e larghezza...... Giusto?
Se è cosi' forse creando una funzione javascript che faccia un piccolo calcolo tra le dimensioni reali dell'immagine e quelle massime che si vuole impostargli si potrebbe fare qualcosa.......almeno credo.... io però non conosco bene javascript.

Anche se le dimensioni del frame fossero elastiche (cosa anche preferibile) e tu volessi mostrare dentro questo frame una immagine adattata alle sue dimensioni, ti trovi di fronte a questo dilemma (scegli tu) riguardante appunto le proporzioni:
1) adatto perfettamente l'immagine sia in altezza che in larghezza alle dimensioni del frame?
<img src="..." style="width:100%; height:100%">
ma ovviamente PERDO nella stragrande maggioranza dei casi le proporzioni irgiinali dell'immagine.

2) voglio che si adatti però che allo stesso tempo mantenga le proporzioni:
<img src="..." style="width:100%">
così facendo l'immagine si adatta alla larghezza solamente però almeno mantiene le proporzioni originali. Se il frame e tutte le immagini tendono ad essere più alte che larghe allora meglio adattare in altezza ovviamente:
<img src="..." style="height:100%">

Scegli tu.

Sperando di non andare off topic, mi sapreste dire (e qui mi rivolgo soprattutto all'oracolo) se esiste uno script php o js che mi permetta un popup da un immagine piccola di vedere le dimensioni originali personalizzando lo sfondo e l'allineamento al centro della finestra. Cioè io vorrei che da un immagine in anteprima 100x100 il link mi aprisse una nuova finestra di dimensioni personalizzate con un determinato sfondo e l'allineamneto orizzontale al centro... chiaramente senza crare 1000 pagine una per ogni foto...

Chiamami pure Oracleum :tongueOLD

Beh certo, in Javascript:
per i link su ogni immaginina (una thumbnail apposita o immagine grande ridotta al volo??? non ho capito, diciamo due immagini diverse, una grande e una sua thumbnail) fai:

Codice HTML:

---

<a href="javascript: anteprima('http://sito.it/grande1.gif', 640, 480)"><img src="http://sito.it/thumbnail1.gif"></a>

---

Mentre la funzione anteprima la definisci in un blocco javascript:

Codice:

---

function anteprima(src, w, h){
 var pwin = window.open('','pwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,top=100,left=100,width='+w+',height='+h);
 pwin.document.write('<html><head><title>Anteprima Immagine</title><link rel="stylesheet" href="stile.css"></head><body>\n');
 pwin.document.write('<img src="'+ src + '">');
 pwin.document.write('</body></html>');
 pwin.document.close();
 pwin.focus();
}

---

Mi sembra che l'unico problema sia aprire il popup delle dimensioni reali dell'immagine, ricavate automaticamente, intendo. Così su due piedi non credo si possa fare.

Ok va bene così non chiedevo altro! Grazzziiiiiiiiiiiiiiiieeeeeeeee! Provo e ti faccio sapere...