Skip Navigation LinksHome > Categories > Code from a Category

jQuery Image Overlay using Datalist control.

User Name: jamest85
Name: James Tang
Contact Me:
Home Page:
Google Apps for Work Partner, Certified Zoho CRM Consultant. 7 years experience on Zoho consulting, implementation, and programming using C#, VB, Php..., 15 years of total IT experience including prog... [More]
Viewed Times: 7870
Add Date: 07/23/2010
This post shows how to create image overlay effect in Datalist control.
Try to find a good example of show image overlay when mouse hover images, here is the original link:

Based on that, will use the functions in an user control, and in that user control contains a datalist getting data from database, and ref the images from a folder.

You can see the Live Demo here

1. Add below line in < head> < / head> section 2. This is the "ImageOverlay.ascx" control:

Post a Comment

Name: (Optional)
Email: (Optional, you can get an email if somebody replys your comments)*
Email me if somebody respons my comment below:
Enter Text
as Below:
(case insensitive, if hard to read, click the "get a new one" button)
* Your email address will not be shared with any third parties for any reason.
** Maximum 1000 charactors.