Banner espandibili

**Many17** · 29-08-2003, 18:17

Salve a tutti, mi hanno detto di chiedere qui

Premetto che il sito che sto realizzando è in xhtml e css e mi hanno detto che forse per fare questa cosa devo usare JS (non sono pratica)

Nel link http://www.constile.org/tips/banner...bili_con_i_css/ spiega come espandere un banner al passaggio del mouse.
Fin qui ci siamo, però vi scrivo ciò che dovrei fare io.

Ad es. ho due foto, "fotopippo.jpg" e "fotopippogrande.jpg".
"fotopippo.jpg" è la piccola immagine che mi serve da anteprima, mentre "fotopippogrande.jpg" è l'immagine ingrandita.
Vorrei che passando con il mouse sopra "fotopippo.jpg" venga visualizzata in una posizione che decido io, l'immagine "fotopippogrande.jpg".

Ho provato in alcuni modi ma non sono troppo affidabili.
Potete aiutarmi?
Con i Css forse non si può fare, o almeno credo.
A tutti un megagrazie

**gabcaly** · 30-08-2003, 01:45

ciao,
non è necessario utilizzare Javascript per questa cosa:

Ti occorrono pochi strumenti CSS e un paio di immagini.
Una immagine la devi definire nello stile, cioè quella espansa.

codice:


<style type="text/css">
<!-- 
#banner { height:60px;width:120px;border:2px solid }
#banner img { border:none }
#banner a {
display:block;
position:absolute
}
#banner a:hover img, #banner a:active img { display:none }
#banner a:hover, #banner a:active { 
height:240px;width:240px;
background:url('banner_240x240.png'); 
} 
-->

</style>

</head>

<body>
<div id="banner">
[img]banner_120x60.png[/img]
</div>
</body>

**Many17** · 30-08-2003, 11:46

Grazie Gabcaly, quel sistema lo aveo già utilizzato, io però dovrei posizionare l'immagina grande in un'altra posizione... come se fosse un rollover.
Fai finta di avere delle piccole immagini come menù e al passaggio del mouse sopra ogni piccola immagine compare l'immagine grande corrispondente però in posizione che decido io.
Per capirci, guarda questo link: http://www.meyerweb.com/eric/css/edge/popups/demo2.html

sulla sinistra c'è un menù e ogni link fa vedere un'immagine.
Io devo fare una cosa simile però sostituendo "home" "links" "away" ecc. con delle piccole immagini.

Spero di essermi spiegata bene

Grazie comunque per l'aiuto e se hai altre soluzioni sono qua

Discussione: Banner espandibili

Strumenti discussione

Ricerca discussione

Visualizza

Banner espandibili

Permessi di invio