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