sostituire scritta con immagine (era:problema con immagini)

Printable View

30-10-2009, 18.30.31

sostituire scritta con immagine (era:problema con immagini)

inanzittutto ciao a tutti

io avrei un problema vorrei che in questo sito al posto della scritta "prova" ci sia un piccola immagine ma non so come fare

www.bollywood.altervista.org/prova.html

questo e il codice html con cui o fatto questo sito di prova:

Citazione:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Prova</title>

<style type="text/css">

body {position: relative;}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 200%; left: 26%; height: 500px; width: 600px;}

</style>
</head>
<body>
<body bgcolor="black">

<table align="center" border="3" bordercolor="gray">

<tr>
<td>
<div id="links">

<a href="http://bollywood.altervista.org/big.jpg"><big><big><font color="white">Prova</font></big></big><img src="http://bollywood.altervista.org/big.jpg"></a>

</div>
</td>
</tr>

</table>

</body>
</html>

GRAZIE IN ANTICIPO
30-10-2009, 23.52.43
popoworld

Uhmm... a dirti la verità non ho capito bene quello che vorresti (soprattutto dopo aver dato un'occhiata alla pagina che hai linkato) ... :roll:

Ma, supponendo che tu voglia una piccola immagine che ti faccia da link, il codice che dovresti inserire al posto di:

Codice:

<a href="http://bollywood.altervista.org/big.jpg"><big><big><font color="white">Prova</font></big></big><img src="http://bollywood.altervista.org/big.jpg"></a>

è, più semplicemente questo:

Codice:

<a href="indirizzo della nuova pagina"><img src="indirizzo dell'immagine" alt="descrizione" /></a>

Avrò capito bene ? :roll:
31-10-2009, 10.42.33

credo che tu non abbia capito bene

prova ad andare con il mouse sopra la scritta prova e vedrai comparire un immagine.

quello che voglio io e che al posto della scritta prova ci sia un l'immagine in miniatura

GRAZIE PER AVER RISPOSTO
31-10-2009, 11.54.29

Citazione:

Originalmente inviato da bollywood

prova ad andare con il mouse sopra la scritta prova e vedrai comparire un immagine.

quello che voglio io e che al posto della scritta prova ci sia un l'immagine in miniatura

GRAZIE PER AVER RISPOSTO

Da quello che ho capito tu vorresti una miniatura dell'immagine che raggiungi cliccando sul link, dico bene? Se è così, il metodo che ti ha suggerito popoworld è corretto, basta semplicemente che la miniatura la crei tu ed utilizzi questa nel tag <a> in questo modo:

Codice:

<a href="INDIRIZZO IMG GRANDE"><img src="MINIATURA" /></a>

Automatizzare un processo del genere non credo ti convenga per quello che vuoi fare tu. :wink:
31-10-2009, 12.07.58

credo ancora di non essermi spiegato bene

allora io non voglio che quando qualcono clicchi sulla scritta prova si apra un immagine ma voglio sostituire la scritta prova con una piccola immagine e quando qualcuna passa con il muose sopra la immagine in miniatura si veda un immagine grande

vi linco un un immagine che vi mostri un esempio

http://bollywood.altervista.org/esempio.jpg
31-10-2009, 12.33.55

Citazione:

Originalmente inviato da bollywood

allora io non voglio che quando qualcono clicchi sulla scritta prova si apra un immagine ma voglio sostituire la scritta prova con una piccola immagine e quando qualcuna passa con il muose sopra la immagine in miniatura si veda un immagine grande

vi linco un un immagine che vi mostri un esempio

http://bollywood.altervista.org/esempio.jpg

I modi per risolvere il tuo problema ci stanno, io personalmente utilizzerei il Javascript... Se vuoi uno spunto dal quale partire, ti conviene utilizzare una tecnica simile a quella che si usa nei rollover.

Javascript si costruisce il vettore images[], che parte da 0 ed indica l'immagine richiamata dal primo tag <img>, alla posizione 1 troverai la seconda immagine richiamata dal secondo tag <img> e così via.
Di default, nella colonna di destra puoi aprire la prima foto della tua galleria.

Semplicemente ai tag <img> della colonna di sinistra aggiungi il parametro onclick con il quale richiamerai la funzione javascript che ti andrai a creare. Ovviamente se non sai nulla di Javascript, ti conviene usare qualcosa di meno complicato come ad esempio i frame... Non sto a spiegarti le idee che ho in testa altrimenti farei un post chilometrico. Insomma le alternative le hai :wink:

Citazione:

Originalmente inviato da bollywood

qualcuno può aiutarmi

Non è una chat, aspetta con pazienza che qualcuno analizzi il problema.
31-10-2009, 13.15.56

potresti spiegarmi come fare

io di java non ne capisco niente, da quello che o letto nella tua ultima risposta posso dedurre che di java script ne capisci molto pù di me, quindi potresti dirmi

come fare?

e scusami ancora per il disturbo
GRAZIE IN ANTICIPO
01-11-2009, 01.44.28

Codice HTML:

<a href="pagina a cui porta il click"> <img src="URL ICONA" onMouseOver="this.src='URL IMMAGINE GRANDE';" onMouseOut="this.src='URL ICONA';" border="0" cellpadding="0" cellspacing="0"></a>

Non ho testato su immagini di diversa grandezza, spero funzioni.