Cambiare la dimensione di una ImageButton

giovedì 29 aprile 2010 - 14.43

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Jok83 Profilo | Junior Member

139 messaggi | Data Invio: gio 29 apr 2010 - 14:43

Ciao a tutti,

scusate la domanda magari banale,uso Visualstudio linguaggio vb sulla mia pagina ho tre ImageButton sulle quali gestisco il mouse (onmouseover,onmouseout) nella aspx.vb così :

ImageButton1.Attributes.Add("OnMouseOut", "this.src='images/puntodomanda.jpg' ;")
ImageButton1.Attributes.Add("OnMouseOver", "this.src='images/puntodomanda.jpg';")

oltre al cambio d'immagine però vorrei cambiare anche la dimensione dell'Imagebutton quando ci passo col mouse solo che non riesco a trovare come farlo.
Sto facendo il tutto nel modo giusto?
Ci sono altre vie da seguire?

Grazie

alexmed Profilo | Guru

1.186 messaggi | Data Invio: gio 29 apr 2010 - 16:36

Ciao
Non sono un'esperto ma comunque potresti definire una classe ":hover" così:

<style type="text/css">
.style2
{
width: 100px;
height:100px;
}
style2:hover
{
width:200px;
height:200px;
}
</style>

<asp:ImageButton ID="ImageButton1" runat="server" CssClass="style2" ImageUrl="..." />
Ciao

alexmed

Jok83 Profilo | Junior Member

139 messaggi | Data Invio: gio 29 apr 2010 - 16:56

Ok grazie per la risposta,

ho creato le due classi:

<style type="text/css">
.style1
{
width: 268px;
height:166px;
background-image:'Images/PuntoDomanda.jpg';
}
.style1:hover
{
width: 300px;
height:300px;
background-image:'Images/PuntoDomandabig.jpg';
}
</style>

che sarebbero le due classi per gestire onmouseover e onmouseout, la mia imagebutton e dichiarata così:

<asp:ImageButton ID="ImageButton1" runat="server" Height="166px"
ImageUrl="~/Images/PuntoDomanda.jpg" Width="268px" CssClass="style1" />

la domanda è come faccio a dirgli che sull' onmouseover deve prendere lo style1:hover?
prima sul vb lanciavo lo script così ma cambiavo solo l'immagine e nn va bene:

ImageButton1.Attributes.Add("OnMouseOut", "this.src='images/puntodomanda.jpg';")
ImageButton1.Attributes.Add("OnMouseOver", "this.src='images/puntodomandabig.jpg';")

devo lanciare un altro script o dovrebbe prenderlo da solo?
lo so che ti sto chiedendo delle banalità, ho capito che devo usare le classi ma non capisco come gestirle al cambio degli eventi...

alexmed Profilo | Guru

1.186 messaggi | Data Invio: gio 29 apr 2010 - 17:20

Ciao
La pseudo classe :hover aggiunge un particolare stile ad un elemento quando si sposta il mouse su di esso. Quindi non dovresti fare nient'altro.

alexmed

Jok83 Profilo | Junior Member

139 messaggi | Data Invio: gio 29 apr 2010 - 17:48

Grazie ho provato togliendo la parte vb e funziona! la dimensione cambia...

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !