Page 1 of 1

Larger image on mouseover.

Posted: Mon Sep 24, 2012 3:07 pm
by gully
Needed for visually impaired visitors.

At
http://www.opensourcecms.com/scripts/de ... scriptid=9

...move your mouse over the CMSMS screen capture and a larger image is presented until mouseout.

Does CMSMS have something (tag or ...) that could replicate this behaviour? Thanks!

Re: Larger image on mouseover.

Posted: Mon Sep 24, 2012 7:41 pm
by mrenigma
There isn't a tag really in CMSMS to handle that sort of thing.

You are really looking for a JavaScript solution, for instance this jQuery solution using the magnifier concept:

http://jdbartlett.com/loupe/

Re: Larger image on mouseover.

Posted: Tue Sep 25, 2012 2:20 am
by Dr.CSS
That can be done with CSS, it was done like that one the theme site for a while...

Re: Larger image on mouseover.

Posted: Tue Sep 25, 2012 11:38 am
by gully
Thanks for your assistance. I'm investigating 'magnify', and some 'lightbox' ideas. ie.: http://leandrovieira.com/projects/jquery/lightbox/

In the meantime, a TinyMCE quick and dirty option came to mind -- NOT elegant for sure. Insert/Edit Image > Advanced > Alternative Image (see attached).

And I found out TinyMCE has some neat plugins. Hoping this might be the route. http://www.tinymce.com

Thanks again. :)

Re: Larger image on mouseover.

Posted: Fri Feb 22, 2013 12:35 pm
by Larrybear
You can do this easy with CSS. Here you can find a easy guide:

http://www.webmasterworld.com/css/3742910.htm

Or you can use CSS3, imo CSS3 is easier, but not so great support for older browsers. With CSS3 you use the transition and transform tags.