używając fancybox ustawić wysokość i szerokość

Question

Jestem nowy na zapytanie j, jest fajny, ale jestem przyklejony do sufitu, jak dodać szerokość i wysokość do iframe generowanego po kliknięciu, używając tego kodu: wszystkie sugestie byłyby świetne i dzięki z góry Khadija

$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}) 
.height = '600px'; 

Answer 1

Spróbuj:

$(document).ready(function() { 
    $(".fancybox").fancybox({"width":400,"height":300}); 
}) 

Answer 2

aby zainicjować popup fancybox do wykorzystania iframe, ograniczone do pewnej wysokości i szerokości, trzeba co najmniej trzy parametry:

jQuery

$(document).ready(function(){ 
    $(".fancybox").fancybox({ 
    'width' : 600,   // set the width 
    'height' : 600,   // set the height 
    'type' : 'iframe'  // tell the script to create an iframe 
    }); 
}); 

Można przeczytać o dostępnych opcjach w FancyBox API Page.

Answer 3

Zestaw ten kod rozmiar ozdobnego dynamiczny @ czasie wykonywania tylko trzeba przejść wysokość & szerokość wraz z URL strony, do której chcesz ustawić

np demo.aspx // to stwierdzenie wywołuje funkcję ozdobnego który jest obecny na stronie głównej

 window.parent.SetFancySizeDynamic(YourPageUrl,300,200) 

    MainPage.aspx 

// wystarczy dodać tę funkcję w swojej głównej stronie

function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) { 

     $.fancybox({ 
      'padding': 0, 
      'overlayColor': '#ccc', 
      'type': 'iframe', 
      'href': fbHref, 
      'width': fbWidth, 
      'height': fbHeight 

     }); 
    } 

Answer 4

Yo ("fancybox"). u musi ustawić autoSize do fałszywego

$(".fancybox").fancybox({'width':400, 
         'height':300, 
         'autoSize' : false}); 

Answer 5

trzeba ustawić autoSize false, pracował dla mnie

$ fancybox ({ 'width': 400, „wysokość ": 300, " autoSize ": false});

Answer 6

jQuery(function($){  
      $(document).ready(function() { 
     $("#lightwindow").fancybox({ 
        minWidth: 250, 
        width: 250, 
        minHeight: 500, 
        height: 500, 
        'autoScale': false, 
        'autoDimensions': false, 
        'scrolling'  : 'no', 
        'transitionIn' : 'none', 
        'transitionOut' : 'none', 
        'type': 'iframe'     
       }); 
      }); 
     }); 

Answer 7

Jeśli nadal wystawia

  width  = current.width, 
      height  = current.height, 

zmodyfikować go w jquery.fancybox.js

Answer 8

Hej Użyj kodu poniżej:

fancybox({ 
    afterLoad : function() { 
     $.extend(this, { 
      aspectRatio : false, 
      type : 'html', 
      width : '90%', 
      height : '90%', 
      content : '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;" /></div>' 
     }); 
    } 
}); 

Answer 9

Z iframe

$(document).ready(function() { 
     $(".fancybox").fancybox({ 
      width:600, 
      height:400, 
      type: 'iframe', 
      href : 'url_here' 
     }); 
    }) 

Bez iframe

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     width:600, 
     height:400, 
     autoDimensions: false, 
    }); 
})