Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Cambio immagine con Kompozer Opzioni
micral
Inviato: Tuesday, July 10, 2012 4:12:00 PM
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
Sponsor
Inviato: Tuesday, July 10, 2012 4:12:00 PM

 
lui49
Inviato: Tuesday, July 10, 2012 6:48:40 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,673
il più semplice codice è questo:


Code:
<img src="immagine1.jpg"
onmouseover="this.src='immagine2.jpg'"
onmouseout="this.src='immagine1.jpg'">

micral
Inviato: Tuesday, July 10, 2012 11:20:33 PM
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>
lui49
Inviato: Wednesday, July 11, 2012 8:47:29 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,673
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.
micral
Inviato: Wednesday, July 11, 2012 11:32:56 PM
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?
lui49
Inviato: Thursday, July 12, 2012 11:26:12 AM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,673
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.zip

non curarti delle dimensioni varie, vedi come lavora.....
micral
Inviato: Thursday, July 12, 2012 2:20:19 PM
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....
lui49
Inviato: Thursday, July 12, 2012 5:13:29 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,673
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>
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.