|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
buona sera
vorrei sapere come mettere il codice html per fare ingrandire un'immagine???
mi spiego:
ho messo un'immagine nella pagina di width:300px height:224px
che codice devo mettere per farla ingrandire kliccadoci sopra con il mouse???
grazie
|
|
|
|
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Rimpicciolire un'immagine si può sempre; ingrandirla anche, solo che in questo caso l'immagine degenera facendo vedere tutti i pixel di cui è composta. E' un'operazione del tutto sconsigliabile. Se vuoi rendertene conto, metti nel codice i valori doppi di quelli dell'immagine originale.
Non c'è, comunque, un tag per ingrandire con un clic un'immagine.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
ciao ecofive mi fa piacere risentirti prchè con i tuoi suggerimenti ho risolto molte cose. adesso però ti mando un sito dove c'è un'immagine che kliccandoci sopra si ingrandisce come ti spiegavo nel post che ti ho mandato ieri: http://blogosfere.it/2009/08/la-fine-del-mondo-nel-2012-ci-racconta-tutto-lo-speciale-di-futuroprossimo.htmlse non è troppo difficoltoso vorrei sapere se sia possibile farlo con altre immagini. Ringraziandoti per la collaborazione ti saluto.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Partire da un'immagine e cliccarla per ingrandirla: ecco la procedura. Devi avere due immagini simili (differenti cioè per dimensioni), la prima piccola (chiamata p. es. panoramap.jpg) e la seconda più grande (chiamata ad esempio panoramag.jpg). Fai un collegamento tra l'immagine piccola che sta in una pagina web (chiamata ad es. piccola.html) e una seconda pagina web (chiamata p.es. ingrandimento.html) che conterrà l'immagine ingrandita. Ecco il codice: <a href="ingrandimento.html"><img src="panoramap.jpg"></a> Per tornare dalla pagina con l'ingrandimento a quella con l'immagine piccola il codice sarà <a href="piccola.html"><img src="panoramag.jpg"></a> Il procedimento puoi farlo con quante immagini vuoi. Un esempio è in questo mio sito. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
grazie come sempre ecofive
mi devi scusare ma ho un'altra domanda da farti:
per avere due immagini nella stessa pagina una a sx e l'altra a dx allo stesso livello devo usare le tabelle????
ti ringrazio ancora molto e spero di non darti troppo disturbo ciao
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Esatto, usa una tabella con una riga e due colonne; in questo modo sei sicuro che le immagini non si "muoveranno" neanche se le visualizzi con un monitor che ha una risoluzione diversa dal tuo.
Disturbare'? E quando mai? Non siamo forse in Aiutamici?
Buon lavoro.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
ecofive sono ancora quà per chiederti aiuto io con Kompozer ho messo come mi hai detto una tabella con una righe e due colonne ma non mi pere che sia giusto????? le colonne devono essere verticali od orrizontali???? ti mando quello che ho fatto.(anche perchè il testo e/o l'immagine non so come metterli) <td align="center" valign="midle" non so come collocare sia il testo che l'immagine??? ciao e grazie <table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="center" valign="middle"></td> <td align="center" valign="middle"></td> </tr> </tbody> </table> <table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="center" valign="middle"></td> <td align="center" valign="middle"></td> </tr> </tbody> </table>
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Cercherò di completarti il codice quando avrò un momento libero.
Stai usando KompoZer compilando a mano il codice o usi Kompozer come editor visuale?
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Ecco il codice: <table style="text-align: left; width: 600px; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: top;"><img src="immagine.jpg"><br> </td> <td style="vertical-align: top;"><img src="immagine1.jpg"><br> </td> </tr> <tr> <td style="vertical-align: top;">testo<br> </td> <td style="vertical-align: top;">testo<br> </td> </tr> </tbody> </table> Naturalmente devi cambiare il nome delle immagini e metterci il percorso esatto; cambia anche la larghezza (in pixel) della tabella. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
ciao ecofive ho fatto come mi hai detto ho fatto 2 immagini uguali una piccola e una grande quella piccola è nella pagiana denominata 2012.html e qualla granne è nella pagina denominata
ingrandimento.html, ma non riesco a collegarle come mi hai spiegato tu.
io collego quella piccola a quella grande e quella grande a quella piccola klicco su qulla piccola ma no succede niente in cosa sbaglio???
ringraziandoti ti saluto.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Postami il codice. Usi KompoZer come editor visuale o scrivi tu il codice ?
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
<table style="width: 1000px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style=""><img src="images.jpg" heiht="500" width="230"><br> </td> <td style=""><img style="width: 400px; height: 299px; float: right;" src="2012-1.jpg"><br> </td> </tr> <tr> <td style="">Tabelle Maya<br> </td> <td style="text-align: right;">2012 fine del mondo<br> </td> </tr> </tbody> </table
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Se clicchi sull'immagine non succede nulla perché non c'è il collegamento tra la pagina che contiene l'immagine piccola e quella che contiene l'immagine grande. Scusa, te lo chiedo per la terza volta: KompoZer lo usi come editor visuale o scrivi il codice tu? Prova questo codice: <table style="width: 1000px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style=""><img src="images.jpg" heiht="500" width="230"><br> </td> <td style=""><a href="ingrandimento.html"><img style="width: 400px; height: 299px; float: right;" src="2012-1.jpg"></a><br> </td> </tr> <tr> <td style="">Tabelle Maya<br> </td> <td style="text-align: right;">2012 fine del mondo<br> </td> </tr> </tbody> </table> Certo che, non conoscendo i nomi delle immagini (e relative dimensioni), né i nomi dei file né tutto il resto, devo andare un po' (troppo) ad intuito ... Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
scusa tu ecofive non avevo capito la domanda, il codice lo scrivo io in KompoZer
un'altra cosa....come faccio a mandarti un allegato su questo post???? non vedo nessuna voce che dice inserisci allegato ecco perchè non ti ho nandato i file o le immagini.
ciao e grazie.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Nei post non si possono inserire gli allegati, solo immagini. E' molto più semplice usare KompoZer come editor visuale, soprattutto se non conosci benino l'xhtml: in pratica, apri il software e l'adoperi come se fosse una specie di programma di videoscrittura. Nelle barre in alto ci sono tutti i menu e i bottoni necessari per inserire tabelle, immagini, fare collegamenti e quant'altro vuoi realizzare. Ora stai facendo una faticaccia quando con qualche clic potersti rapidamente raggiungere lo stesso risultato. Dai un'occhiata al corso per Front Page (che però non ti consiglio di usare soprattutto se usi Vista). Front e KompoZer sono abbastanza simili: http://guide.aiutamici.com/guide?C1=7&C2=15A risentirci. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
al posto di Front Page che l'ho gia usato e a me non piace posso usare Blocco Note per scrivere il codice e poi visualizzarlo con KompoZer????
ciao e ancora grazie
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Certamente sì. Il problema è che non è facile poi analizzare gli errori. Comunque, se usi Blocco note (l'ho fatto anch'io parecchi anni fa) non hai nemmeno bisogno di usare KompoZer, poiché, se usi il codice esatto fin da <html> e poi a seguire, fai doppio clic sul file e te lo vedi con il browser.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
Ok grazie ecofive ti farò sapere come è andata, ma oltre che a KompoZer e Blocco Note e Front Page esiste qualche altro editor che puoi usare con il codice HTML????
ciao
|
|
Rank: AiutAmico
Iscritto dal : 12/21/2004
Posts: 107
|
allora ecofive io ho 2 immagini che voglio mandarti per spiegarti cosa voglio fare ma non riesco ha metterle nel post, se per cortesia me lo spieghi come faccio a mandartele ti dico grazie e ancora grazie.
mi scuso ancora per il rompimento ma vorrei capirci qualche cosa.(con il codice che mi hai mandato non ci sono riuscito anche usando Blocco Note)
ciao e grazie ancora.
|
|
|
Guest |
