Home  >  Article  >  Backend Development  >  javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

WBOY
WBOYOriginal
2016-07-06 13:51:411045browse

The project uses the framesetthree-frame page
javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

uses fancybox, a pop-up box plug-in, but it is very helpless. The size of the pop-up box will be limited by the size of frame, as shown below:

javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

How can I make fancybox break out of the frame size limit and display a size slightly smaller than the entire page?

The following picture shows the parameter configuration of fancybox:

javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

Reply content:

The project uses the framesetthree-frame page
javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

uses fancybox, a pop-up box plug-in, but it is very helpless. The size of the pop-up box will be limited by the size of frame, as shown below:

javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

How can I make fancybox break out of the frame size limit and display a size slightly smaller than the entire page?

The following picture shows the parameter configuration of fancybox:

javascript - How does the fancybox plug-in break out of the limitations of the frameset and display a pop-up box slightly smaller than the screen size?

This problem can be solved by reading the documentation.

width Default width for 'iframe' and 'swf' content. Also for 'inline', 'ajax' and 'html' if 'autoSize' is set to 'false'. Can be numeric or 'auto' .
Number, String; Default value: 800
height Default height for 'iframe' and 'swf' content. Also for 'inline', 'ajax' and 'html' if 'autoSize' is set to 'false '. Can be numeric or 'auto'

Number, String; Default value: 600
Document
means that if it is within iframe, you can set autosize to false, and then set it through width and height size.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn