Come da titolo, vorrei unire due codici html, ma purtroppo sono parecchio nabba e non ci riesco.
Su un sito di altervista, esattamente un gdr (che immagino non supporta il css, quindi evitiamo), volevo inserire un'immagine cliccabile che aprirà in pop-up una pagina del mio blog di altervista. Oltre a renderla cliccabile (già fatto), vorrei che al passaggio del mouse la stessa immagine mi faccia comparire una seconda immagine che scompare al levare il mouse. Quindi un doppio effetto, diciamo.
Il codice che ho per il pop-up è questo:
Mentre il codice per il thumbnail è questo qui:
Il problema è: come faccio a unire i due codici senza che le immagini si ripetano? Nel senso: come faccio a rendere l'immagine cliccabile sia un pop-up esterno che un thumbnail mouse-over?
Vi ringrazio <3
Su un sito di altervista, esattamente un gdr (che immagino non supporta il css, quindi evitiamo), volevo inserire un'immagine cliccabile che aprirà in pop-up una pagina del mio blog di altervista. Oltre a renderla cliccabile (già fatto), vorrei che al passaggio del mouse la stessa immagine mi faccia comparire una seconda immagine che scompare al levare il mouse. Quindi un doppio effetto, diciamo.
Il codice che ho per il pop-up è questo:
HTML:
<a onclick=" window.open('URL PAGINA DEL MIO BLOG','',' scrollbars=no,menubar=no,width=XY, height=XY,resizable=yes,toolbar=no,location=no,status=no')"><img src="URL IMMAGINE CLICCABILE" border="0px" solid="" width="XYpx", height="XYpx"></a>
Mentre il codice per il thumbnail è questo qui:
HTML:
<a class="thumbnail" ="#thumb"=""><img style="width: XYpx; height: XYpx;" src="URL IMMAGINE CLICCABILE (la stessa del pop-up)"><span> <img style="width: XYpx; opacity: 0.7;" src="IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE"> </span></a>
Il problema è: come faccio a unire i due codici senza che le immagini si ripetano? Nel senso: come faccio a rendere l'immagine cliccabile sia un pop-up esterno che un thumbnail mouse-over?
Vi ringrazio <3
Ultima modifica di un moderatore: