[HTML] - Imporre la grandezza dell'immagine originale [mod]

buongiorno,
ci sono foto grandezza 300x250, con il maus tasto destro si possono ingrandire.
Domanda qualcuno conosce il sistema per poter fare questi ingrandimenti?
Ho molte foto ma sono grandi , vorrei fare un formato piccolo poi se si vogliono guardare colpo maus e si vede la foto in misura reale,
In attesa di una risposta ringrazio ciao

[phpone]

Ciao, questo lavoro lo fa automaticamente il broswer:
se l'immagine e' troppo grande te la rimpiccolisce, poi se ci passi con il mouse ti mostra la lente di ingrandimento, clicchi e si vede a piena risoluzione.
Un altro modo e' con i link: tu crei le thumbnail (le immagini che hai ma con una risoluzione piccola) e poi le linki all'immagine .jpg (o altro formato) in modo che la apre direttamente; tutto questo per non mettere troppa roba nella pagina e per non appesantirla.

[fotoviaggiando]

Ciao a tutti,
mi accodo a questa discussione perchè ho un problema simile, ma contrario:
Mi spiego: io vorrei inserire delle foto di grande formato e fare in modo che all'apertura non vengano ridimensionate automaticamente alla dimensione dello schermo, ma che restino di dimensioni grandi con le barre di scorrimento ai lati o con la manina per spostarsi. Mi serve per inserire delle foto panoramiche che non stanno in una schermata. Ora quando le inserisco mi si ridimensionano e all'angolo ds in basso compare un quadratino per lo zoom, ma solo se ci passo con il mouse.
Grazie a tutti quelli che mi potranno aiutare.
Ciao
Sonia

fotoviaggiando, quella è un'impostazione del browser, basta disattivarla e non avrai quell'effetto, ovviamente questo solo per il tuo pc.
Per IE vai su Strumenti->Opzioni internet->Avanzate e deseleziona la voce "Abilita ridimensionamento automatico immagini".


Ciaoooooo!!!!!

[fotoviaggiando]

Ti ringrazio,
quindi non si può fare in modo che la foto compaia sempre grande per chiunque e su qualsiasi computer? Perchè è quello che io vorrei.
Sonia

Puoi farlo in una pagina html, cioè con l'appoisto tag <img src="bla bla">, in questo modo le immagini saranno sempre dell'esatta dimensione originale.


Ciaooo!!!!!

[fotoviaggiando]

Grazie!!!
Ho provato e funziona benissimo

phone grazie,
non ho capito! ho una foto 700x400, io la porto a 350x280 e la inserisco poi x vederla 700x400 come devo fare?io vado sopra con il maus ma non cambia resta sempre quella grandezza 350x280.
Scusa ciao

[phpone]

Per capire cosa intendo clicca qui'

Comunque ho dato un'occhiata al tuo sito: complimenti per le immagini, veramente belle!

ciao phfone,
grazie per il tuo interessamento,però io come script cosa devo mettere?
grazie ancora in attesa di una tua risposta ciao

[dementialsite]

Non hai nessuno script da inserire, solo questo piccolo codice HTML (da ripetersi per ogni immagine):

<a href="immaginegrande.gif"><img src="immaginepiccola.gif"><br>immagine piccola , clicca x ingrandire</a>

(il codice l'ho preso proprio dalla pagina indicata da phpone).
Ah, naturalmente immaginegrande.gif e immaginepiccola.gif sono rispettivamente i nomi dell'immagine "normale" e della sua copia in dimensioni ridotte (qualcuno la chiama thumbnail - "unghia del pollice": perché...?)

Stammi bene...

dementialsite.
grazie lo provo subito ciao

dementialsite,
l'operazione è riuscita grazie.
Scusa ma vorrei chiederti un'altra informazione, l'immagine si ingrandisce però
per ritornare indietro non si può cliccando ancora sulla foto ritornare alla foto piccola senza dover salire sul righello cliccando la freccia verde per ritornare !
Mi puoi dare lo script aggiornato grazie ciao

[phpone]

Se vuoi fare questo lo puoi fare con un javascript che apre una popup oppure con pagine html (una pagina per tutte le thumbnail e una pagina x ognuna delle foto)

[dementialsite]

dementialsite,
l'operazione è riuscita grazie.
Scusa ma vorrei chiederti un'altra informazione, l'immagine si ingrandisce però
per ritornare indietro non si può cliccando ancora sulla foto ritornare alla foto piccola senza dover salire sul righello cliccando la freccia verde per ritornare !
Mi puoi dare lo script aggiornato grazie ciao

Per fare questo ti servono più pagine HTML: una per ciascuna immagine che vuoi visualizzare in forma estesa più (almeno) una contenenti tutte le thumbnails (miniature).
Nella pagina delle miniature scriverai link del genere (larghezza e altezza devono essere quelle della miniatura non quelle dell'immagine a cui si riferiscono):

<!-- nome file: thumbs.htm -->
<A HREF="image1.htm"><IMG SRC="thumb1.jpg" WIDTH="..." HEIGHT="..."></A>
<A HREF="image2.htm"><IMG SRC="thumb2.jpg" WIDTH="..." HEIGHT="..."></A>
...

Poi realizzerai le varie pagine con l'immagine grande così:

<!-- nome file: image1.htm -->
<HTML>
<HEAD>
<TITLE>Titolo immagine</TITLE>
</HEAD>
<BODY>
<A HREF="thumbs.htm"><IMG SRC="image1.jpg" WIDTH="..." HEIGHT="..."></A>
</BODY>
</HTML>

questa volta specifica larghezza e altezza dell'immagine reale. Purtroppo però così, come già detto, non avrai gli strumentini di zoom che ci sono sulle immagini pubblicate da Internet Explorer (anche Firefox ha qualcosa del genere e non ci saranno ugualmente).

Stammi bene...

dementialsite ciao,
ti ringrazio tantissimo ho scelto la prima che hai scritto e funziona molto bene
grazie .
Se ti capita guarda sul mio sito su Scheda Porsche 962 , è li che ho provato e trovo che vada bene ,fammi sapere come ti sembra.
ciao e grazie ancora x il tuo aiuto

[dementialsite]

Vedo che hai capito la tecnica, eccetto che per un particolare: non avresti dovuto usare la STESSA immagine per l'anteprima e la visione ingrandita, ma nella pagina introduttiva avresti dovuto usarne UNA COPIA in dimensioni ridotte. Se usi la stessa immagine, anche se metti nel codice le dimensioni ridotte, quello che carica è sempre l'immagine più grande e quindi le prestazioni non cambiano (lo scopo delle miniature è quello di accelerare il caricamento della pagina e permettere ai visitatori di scaricare per bene solo quelle che gli interessano).

Devi quindi armarti di un programma di grafica e creare la copia ridotta delle immagini che ti interessano... Stammi bene...

avere la copia dell'immagine vale anche per quelle immagini prese dal web?

[SolitaryExplorer]

Se vuoi che cliccando su una piccola immagine, se ne apra la versione grande, devi creare entrambe le versioni.
Poi devi mettere l'iimagine piccola in un collegamento che punti a quella più grande.

Se vuoi fare la cosa con un tocco di professionalità, ti consiglio uno script molto carino!
http://www.huddletogether.com/projects/lightbox/