How to Resize Fancy Box according to Screen Size? RSS

• • Reply
  

  robinspaul

  Member

  180 Points

  469 Posts

  How to Resize Fancy Box according to Screen Size?

  Nov 16, 2012 10:49 AM|LINK

  Hi,

  I want to display Fancy Box according to the size of the monitor screen.

  I just want to display 75% width of the screen?

  How do I do it?

  Thanks

• • Reply
  

  Gaspard

  Contributor

  2066 Points

  416 Posts

  Re: How to Resize Fancy Box according to Screen Size?

  Nov 16, 2012 02:12 PM|LINK

  CSS3 Media Queries may help

  http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/

  Regards

   

• • Reply
  

  Motley

  Star

  13789 Points

  2449 Posts

  MVP

  Re: How to Resize Fancy Box according to Screen Size?

  Nov 16, 2012 03:49 PM|LINK

  Catch the click event, then fire off fancybox passing in a width and height equal to 75% of the screen.

  • Marked as answer by Song-Tian - MSFT on Nov 22, 2012 01:31 PM
• • Reply
  

  asteranup

  All-Star

  30184 Points

  4906 Posts

  Re: How to Resize Fancy Box according to Screen Size?

  Nov 19, 2012 05:01 AM|LINK

  You can use $.fancybox.resize method for this purpose.

  Thanks & Regards
  Anup Das Gupta
  Mark as Answer if you feel so. Visit My Blog
  • Marked as answer by Song-Tian - MSFT on Nov 22, 2012 01:31 PM