javascript - Fancybox inside fancybox( or nested fancybox) -



javascript - Fancybox inside fancybox( or nested fancybox) -

i have 3 html pages, index.html, first.html , second.html. in index page have button b1. when clicked on button fancy box opened contents of first.html. within fancybox , button b2 used. when b2 clicked , sec fancybox open. 2nd fancy box within of first fancybox , content of 2nd second.html. problem size of 2nd fancybox limiting within of first fancybox. how can increment width , height of 2nd fancybox of 1st fancybox? next code.

$(".fancybox").click(function () { var url = $(this).attr('url'); $.fancybox.open({ href: url, type: 'iframe', padding: 1, autodimensions: true, autoscale: false, }); });

i tried set width , height not worked.

according documentation if set "autodimensions" true, width , height parameters ignored.

have tried set "margin" equal 0? remove space between box , viewport.

take on example: http://codepen.io/thiagofelix/pen/myjnke

$(document).ready(function () { $.fancybox({ href: 'http://i.imgur.com/u0fxwtf.jpg', link: 'http://www.google.com.br', margin: 0, padding: 0, showclosebutton: false }); });

javascript jquery html

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -