A Unix Mind In A Windows World .

Chroniques tech et pérégrinations digitales. Opinons incluses.

Post Page Advertisement [Top]

Edit, 1 jour plus tard:
Installez Magnific Popup et configurez un pop up inline .
Il est plus léger et surtout plus responsive.

Aujourd’hui, un bout de code en jQuery pour ces développeurs de thème Wordpress qui utilisent Thickbox, la fenêtre modale inclue dans Wordpress pour afficher des fenêtres modales dans leurs thèmes .

Si vous ne savez pas comment utilisez ThickBox dans un thème wordpress, cliquez ici .
Pour les autres, rajoutez ce bout de code dans le pied de page ou dans un fichier scripts.js que vous invoquerez ensuite dans le pied de page de votre thème : il permet d’adapter, de façon dynamique, la taille de votre thickbox à la taille de l’écran.
(function ($) {
 $(window).resize(function() {
        var newHeight = $(window).height();
       // console.log(newHeight);
        var newWidth = $(window).width();
      //  console.log(newWidth);
         $("#TB_window").css("height", (newHeight));
         $("#TB_window").css("width", (newWidth));
         $('#TB_ajaxContent').css("width", (newWidth));
        $("#TB_window").css("margin-left", -(parseInt((newWidth)/2)));
        // $("#TB_window").css("margin-left", (-newWidth)/2);
      });
 /* trigger when page is ready */
  $(window).load(function() {
       var newHeight = $(window).height();
       // console.log(newHeight);
        var newWidth = $(window).width();
      //  console.log(newWidth);
         $("#TB_window").css("height", (newHeight));
         $("#TB_window").css("width", (newWidth));
         $('#TB_ajaxContent').css("width", (newWidth));
        $("#TB_window").css("margin-left", -(parseInt((newWidth)/2)));
    });
  }(window.jQuery || window.$));

Aucun commentaire:

Bottom Ad [Post Page]

| Designed by Colorlib | (Heavily) Modified by Jean Luc Houedanou