ASP.Net onMouseOver Büyüyen Resim


bir tane css olusturup ıcıne asagıda kodu ekle..
/* Image Hover */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #444444;
padding: 2px;
left: -1000px;
border: 1px dashed #2F4F4F;
visibility: hidden;
color: #000000;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 1px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 150px;
}

/* Image Hover */
daha sonrasında ıstedıgın bır sayfada asagıdakı kodu yaz
 <a class="thumbnail" href="#thumb">
            <asp:ImageButton ID="ImageButton4" runat="server" Height="117px" ImageUrl="KUCUKRESİMYOLU"
                Width="125px" />
            <span>
                <img id="yanresim" runat="server" alt="" src="BUYUKRESİM" /></span></a>

Hiç yorum yok:

Yorum Gönder