Good to all.

Here is the source of the modal window . There so that I do not change, whidth and height of the window remains unchanged (class iframe). How to resize it?

$(document).ready(function () { $("a.gallery, a.iframe").fancybox(); $("a.modalbox").fancybox({ "frameWidth": 400, "frameHeight": 400 }); $("a.gallery2").fancybox({ "padding": 20, // отступ контента от краев окна "imageScale": false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE "zoomOpacity": false, // изменение прозрачности контента во время анимации (по умолчанию false) "zoomSpeedIn": 1000, // скорость анимации в мс при увеличении фото (по умолчанию 0) "zoomSpeedOut": 1000, // скорость анимации в мс при уменьшении фото (по умолчанию 0) "zoomSpeedChange": 1000, // скорость анимации в мс при смене фото (по умолчанию 0) "frameWidth": 700, // ширина окна, px (425px - по умолчанию) "frameHeight": 600, // высота окна, px(355px - по умолчанию) "overlayShow": true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay "overlayOpacity": 0.8, // Прозрачность затенения (0.3 по умолчанию) "hideOnContentClick": false, // Если TRUE закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE "centerOnScroll": false // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу }); $("#menu a, .anim").hover(function () { $(this).animate({ "paddingLeft": "10px" }, 300) }, function () { $(this).animate({ "paddingLeft": "0" }, 300); }); $("a.iframe").fancybox({ "frameWidth": 1200, // ширина окна, px (425px - по умолчанию) "frameHeight": 900 // высота окна, px(355px - по умолчанию) }); }); 

-

 <link rel="stylesheet" href="http://www.krasnoyarsk.front.ru/fancybox/style.css" /> <link rel="stylesheet" type="text/css" href="http://www.krasnoyarsk.front.ru/fancybox/jquery.fancybox.css" media="screen" /> <script type="text/javascript" src="http://www.krasnoyarsk.front.ru/js/jquery.js"></script> <script type="text/javascript" src="http://www.krasnoyarsk.front.ru/fancybox/jquery.fancybox-1.2.4.pack.js"></script> <a class="iframe" title="Простая HTML" href="http://www.ya.ru">ya.ru</a> 
  • Oh, Mlyn! Someone from among the users here swears for bringing the source when (they say copy-paste laziness), and then on the contrary they added themselves. - I_CaR

1 answer 1

You would make even more connections))) See an example , change to health.

 <a class="iframe" title="Простая HTML" href="http://www.ya.ru">ya.ru</a> 

-

 $("a.iframe").fancybox({ "frameWidth" : 400, "frameHeight" : 500 }); 

PS Offtop. For the future - on jsFiddle, better connect external JS / CSS files here: alt text

And do not need to connect the library itself. Simply select the version from the list.

  • that yes, connections just darkness) - Palmervan
  • Aha, recently only began to use, only :) :) Thank you! everything works :), I thought that there was a gallery and so on, I thought that it was like one single library ... - I_CaR