2015-01-21 8 views
6

Ich bin neu in der Codierung und ich versuche, jede fancybox NUR in meiner homepage volle Breite und reaktionsfähig (eg), aber keine dieser Optionen haben den Job (FitToView, AutoSize oder aspectRatio) getan.Fancybox volle Breite

jQuery

jQuery(document).ready(function() { 
jQuery("#site-logo").click(function(e) { 
    alert("As you can see, the link no longer took you to jquery.com"); 
    jQuery.scrollTo(0 , 1000, { easing:'easeInOutExpo' }); 
$(".fancybox").fancybox({ 
    helpers : { 
     media: true 
     }, 
     width: 1600, 
     height: 870, 
     aspectRatio: true, 
     scrolling: no, 
     }); 
    }); 
}); 
+2

Haben Sie http://fancyapps.com/fancybox/#useful Nr. 13 überprüft? – JFK

+0

@JFK Ja, ich habe auch in den Leitfaden nach einer Lösung gesucht. Auch # 13 funktioniert immer noch nicht = ( – joemimmo

+0

@JFK Digging in Stackover Ich fand dies (http://stackoverflow.com/questions/28079791/change-vimeo-youtube-default-size-in-wordpress). Versucht, dies hinzuzufügen Code in function.php und nahm css/jquery fancystbox, aber immer noch keine Änderungen. – joemimmo

Antwort

6

Versuchen Hinzufügen eines autosize falsch, die aspectratio Entfernen und Verändern der Breite zu "100%":

jQuery(document).ready(function() { 
    jQuery("#site-logo").click(function(e) { 
    alert("As you can see, the link no longer took you to jquery.com"); 
    jQuery.scrollTo(0 , 1000, { easing:'easeInOutExpo' }); 
    $(".fancybox").fancybox({ 
     helpers : { 
      media: true 
     }, 
     width: "100%", 
     height: 870, 
     autoSize: false, 
     scrolling: false 
     }); 
    }); 
}); 
+0

Digging in Stackover habe ich das gefunden (http://stackoverflow.com/questions/28079791/change-vimeo-youtube-default-size-in-wordpress). Versucht, diesen Code in function.php hinzuzufügen und nahm css/jquery fancystbox, aber immer noch keine Änderungen. – joemimmo

+0

Seltsam von Anfang an beginnen, müssen Sie nur fancybox verwenden? –

+0

Eigentlich nein, ich möchte für jede Folie das Video in voller Breite und reaktionsfähig (oder etwas wie 1300x731), wie in der [zB]. (http: // www.anonymouscontent.com/). Da ich das fancybox plugin nicht installiert habe, muss sich die fancybox in diesem Thema befinden, deshalb habe ich es benutzt. Ich bin offen für jede Option, wenn es eine andere Möglichkeit gibt, das zu erreichen. – joemimmo

1

Für alle anderen in Zukunft sucht der Suche hatte ich die Das gleiche Problem, bei dem ich das Bild (Popup) als volle Breite verwenden musste, auch wenn das Bild Überlaufhöhe hatte, also wollte ich, dass es scrollbar ist. Wie auch immer, ich hoffe, das hilft jemandem in der Zukunft.

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    $(".fancybox").fancybox({ 
     autoSize : true, 
     scrolling : 'auto', 
     fitToView : false, 
     width : 'auto', 
     maxWidth : '100%', 
    }); 
}); 
</script> 
+0

Da Rev Slider ein riesiges Update hatte, habe ich keine Chance es zu testen, jemand anderen ist erfolgreich? http://www.wdirectors.com/ – joemimmo