ASP: [Løst]Hvordan koble CSS til dynamiske ImageButtons i en UserControl?

[:Francis:]

Jeg har en UserControl som lager en Imagebutton til hver thumbnail, slik at man skal kunne velge bilder fra et "galleri".

 

Knappene blir generert slik jeg ønsker,og jeg populerer dem i en <div> med fast bredde slik:

 

		if(Directory.Exists(_imageFolderPath))
	{
		imageList = findAllImagesInDirectory(_imageFolderPath);

		ImageButton btn;

		for(int i = 0; i < imageList.Count; i++)
		{
			btn = new ImageButton();
			btn.Click += new ImageClickEventHandler(imageButton_Click);
			btn.ID = "button" + i.ToString();

			btn.ImageUrl = "~/Caving/thumbs/thumb-1.jpg"; //Skal endres til bildene i imageList

			btn.ControlStyle.BorderWidth = 10;
			btn.ControlStyle.BorderColor = System.Drawing.Color.White;

			this.Controls.Add(btn);
		}
	}

 

Som dere ser har jeg lagt på noen enkle "styles", men jeg ønsker å highlighte det bildet som musa holdes over. Hvordan kobler jeg en hover effekt til disse kontrollene?

 

Jeg har en CSS fil som jeg har inkludert i ascx fila, og setter jeg properties til feks body kommer de med.

 

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GalleryControl.ascx.cs" Inherits="GalleryControl" %>
<link href="../ImageManagerStyle.css" rel="stylesheet" type="text/css" />

 

Jeg ser ikke for meg at dette er vanskelig, jeg skjønner bare ikke hvordan.

 

Setter stor pris på all hjelp.

 

Mvh

 

Francis

[:Francis:]

Det var latterlig simpelt - akkurat slik jeg trodde :

 

I .cs koden:

 

btn.CssClass = "ImageButton";

 

 

i CSS koden:

 

.ImageButton
{
padding: 10px 10px 10px 10px;	
}

.ImageButton:hover
{
 background-color: Black;
}

 

 

I headeren til container aspx siden:

 

<link href="../ImageManagerStyle.css" rel="stylesheet" type="text/css" />

 

 

Francis

Endret 5. november 2009 av :Francis: