Caution with the use of hover for such purpose if you also want touchscreen device user able to use it.
In regards of touchscreen, this article explains it better than I can do. http://trentwalton.com/2010/07/05/non-hover/ tee On Oct 19, 2010, at 1:46 PM, Joseph Taylor wrote: > You could certainly do that with CSS. You'll want to add javascript to > control how the image shows and fades, positioning etc. > > For maximum accessibility, have the thumbnail link to the main image, then > have your Javscript/CSS hijack the link and show the image. Everyone wins. > Joseph R. B. Taylor > Web Designer / Developer > -------------------------------------- > Sites by Joe, LLC > "Clean, Simple and Elegant Web Design" > Phone: (609) 335-3076 > Web: http://sitesbyjoe.com > Email: j...@sitesbyjoe.com > > > On 10/19/10 4:13 PM, cat soul wrote: >> >> Any thoughts on using CSS hover properties to show larger images? >> >> The scenario I'm envisioning is one where you'd have small thumbnails of >> samples, and hovering the mouse over them would invoke a hover state in >> which a larger version of that same image would appear..."Larger" meaning >> 400x600 pixels, or in that neighborhood. >> >> Is this not wise from a coding perspective? How about usability? Do web page >> visitors not expect this kind of behavior..would it be confusing to them as >> to what they're supposed to do, or what to expect? >> >> I'm wanting to use CSS to do what javascript rollovers do, only without the >> javascript. >> >> >> thanks for any feedback or opinions. >> >> cs ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
