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
Post a Comment