The easy option would be to use an image swap for the dull/bright mouseOver effect; however, I like the way it is done by tutorialhero.
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />\
<link href="css/aloft_about.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
The first three scripts are for the light box and the second two are for the rollover. The style sheets are as follows- lightbox, about page layout, rollover effect. Is it possible to have both these effects on the same image?