• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Forum locked This topic is locked, you cannot edit posts or make further replies.  [ 5 posts ] 
Author Message
 Post subject: Larger image on mouseover.
PostPosted: Mon Sep 24, 2012 3:07 pm 
Offline
Forum Members
Forum Members

Joined: Sun Oct 17, 2010 11:43 am
Posts: 27
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!


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Larger image on mouseover.
PostPosted: Mon Sep 24, 2012 7:41 pm 
Offline
Forum Members
Forum Members
User avatar

Joined: Fri Aug 05, 2011 3:43 pm
Posts: 48
Location: London, United Kingdom
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/

_________________
~ Life is like water, every movement you make changes the way it flows ~


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Larger image on mouseover.
PostPosted: Tue Sep 25, 2012 2:20 am 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 12672
Location: Arizona
That can be done with CSS, it was done like that one the theme site for a while...

_________________
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/
$1


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Larger image on mouseover.
PostPosted: Tue Sep 25, 2012 11:38 am 
Offline
Forum Members
Forum Members

Joined: Sun Oct 17, 2010 11:43 am
Posts: 27
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. :)


Attachments:
lg-img-onmouseover.png
lg-img-onmouseover.png [ 3.41 KiB | Viewed 4372 times ]
Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Larger image on mouseover.
PostPosted: Fri Feb 22, 2013 12:35 pm 
Offline
New Member
New Member

Joined: Tue Feb 12, 2013 5:39 pm
Posts: 6
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.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Forum locked This topic is locked, you cannot edit posts or make further replies.  [ 5 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Hosting Nation - Managed CMSMS Hosting