|
|
Rank: Newbie
Iscritto dal : 7/10/2012
Posts: 5
|
Buon pomeriggio...perdonatemi la descrizione nell'oggetto poco chiara.
Premetto che ho già provato a cercare nel forum una risposta senza però venirne a capo..
Vorrei sapere se è possibile (utilizzando appunto Kompozer) fare un modo che al passaggio del mouse su di una piccola immagine ne appaia un'altra diversa e più grande. Ho già fatto diversi tentativi ma non ci sono evidentemente riuscita.
Aggiungo che la pagina che devo fare andrà poi inserita in un blog copiando semplicemente l'html.
Grazie infinite a chi cercherà di darmi una mano.
Cri
|
|
|
|
|
|
Rank: AiutAmico
Iscritto dal : 5/4/2003
Posts: 2,845
|
il più semplice codice è questo: Code:<img src="immagine1.jpg"
onmouseover="this.src='immagine2.jpg'"
onmouseout="this.src='immagine1.jpg'">
|
|
Rank: Newbie
Iscritto dal : 7/10/2012
Posts: 5
|
lui49 ha scritto:il più semplice codice è questo: Code:<img src="immagine1.jpg"
onmouseover="this.src='immagine2.jpg'"
onmouseout="this.src='immagine1.jpg'">
Grazie lui49 per la risposta ma purtroppo questo codice funziona solo se da zero lo inserisco direttamente nell'html. Il lavoro che devo fare è molto lungo e non sono in grado di farlo solo ed esclusivamente con i codici per questo sto utilizzando kompozer. Il risultato finale è una tabella con moltissime righe e all'inizio di ognuna c'è una piccola immagine che al passare appunto del mouse deve visualizzarne un'altra diversa e più grande. A questo punto avrei bisogno di riuscire a farlo nell'editor dell'immagine. In pratica ho cliccato sull'immagine inserita nella tabella e sono entrata nell'editor delle proprietà avanzate, ho messo i valori agli attributi onmouseover e onmouseout, ho salvato ma nell'anteprima non succede nulla....sicuramente sbaglio qualcosa anche se non mi sono posta il problema se effettivamente si possa fare o meno. Anzi...ce l'ho fatta, ho inserito il codice nell'html all'interno di quello della cella (avrei preferito usale la schermata disegno ma pazienza) solo che quando appare l'immagina più grande si modifica temporaneamente anche la dimensione della cella e questo non va bene e non ho la più pallida idea di cosa possa fare. L'attuale codice è questo: <tbody> <tr> <td style="vertical-align: top; width: 111px;"><br> <img src="immagine1.jpg" onmouseover="this.src='immagine2.jpg'" onmouseout="this.src='immagine1.jpg'"> </td> <td style="vertical-align: top; width: 774px;"><br> </td> <td style="vertical-align: top;"><br> </td> </tr>
|
|
Rank: AiutAmico
Iscritto dal : 5/4/2003
Posts: 2,845
|
Mi spiace, non ti ho avvertito che il codice andava, necessariamente, editato nel codice stesso del documento.
Ovviamente con le tabelle si riscontra il problema che hai riportato in quanto è sempre la dimensione dell'immagine che comanda la dimensione della cella (con qualsiasi dimensione la si imposti) e finchè le immagini verranno trattate all'interno della stessa otterrai sempre lo stesso effetto. Per ovviare credo occorra ricorrere a qualche "javascript" (il web pullula di scripting già pronti) anche se, ho notato, i più si occupano di ridimensionare l'immagine, anche con vari effetti; per la sua sostituzione con altra, con la "table di mezzo" temo sia più difficile.
|
|
Rank: Newbie
Iscritto dal : 7/10/2012
Posts: 5
|
Ah ecco...allora o cerco ancora in rete se trovo qualcosa o dovrò studiare un modo per tirare fuori l'immagine dalla tabella, in tal caso mi sai dire se l'immagine più grande cmq mi sposterà la tabella vicina o se semplicemente, e meglio, ci andrà sopra?
|
|
Rank: AiutAmico
Iscritto dal : 5/4/2003
Posts: 2,845
|
ne ho provato uno (con opportune modifiche) che semplicemente ingrandisce l'immagine, al passaggio del puntatore, senza interessare la tabella nella stessa posizione. Nello script si possono modificare le dimensioni di visualizzazione ....non ho guardato quelle attinenti al posizionamento. http://wikisend.com/download/594286/prova.zipnon curarti delle dimensioni varie, vedi come lavora.....
|
|
Rank: Newbie
Iscritto dal : 7/10/2012
Posts: 5
|
Perfetto! Il risultato è esattamente quello che vorrei, si può fare anche se l'immagine ingrandita non è la stessa della miniatura?
Perdonami ma ho difficoltà ad applicarlo nella mia pagina; le mie competenze informatiche sono altre per cui capirò se mi dirai che è troppo lunga da spiegare se proprio non ne so nulla....
Intanto però ti ringrazio per il tempo che mi stai dedicando....
|
|
Rank: AiutAmico
Iscritto dal : 5/4/2003
Posts: 2,845
|
micral ha scritto:Perfetto! Il risultato è esattamente quello che vorrei, si può fare anche se l'immagine ingrandita non è la stessa della miniatura?
no, con questo script non è possibile e non ne ho nemmeno trovati che facciano al caso in questione. Forse si potrebbe modificare intervenendo sul codice....ma javascript è, per me, quasi arabo. Per inserirlo nel tuo documento (fai una copia di scorta) devi copiare il codice compreso tra <head> e </head> nella tua pagina fra <head> e </head> e questo : Code:<td > <ul class="thumb"> <li><a href="#"><img src="immagine1.jpg" alt="" /></a></li> </ul> </td> per ogni <td>
|
|
|
Guest |