boite Modal Dialog JQuery (taille automatique)

Introduction


Nous allons voir dans ce tutorial comment utiliser le plugin Modal Dialog JQuery UI, afin qu'elle s'adapte au contenu du média à afficher.
Quand je parle de média, je fais référence aux images et aux vidéos.

 

En ce qui concerne les vidéos elles peuvent provenir soit de (youtube, dailymotion ou soit d'un dossier de type flv).

 

Si vous présentez sur votre site web des images et des vidéos de taille différentes, et que vous voulez offrir une visualisation de l'un ou l'autre, en utilisant une boite modale de JQuery UI, généralement on défini une taille (hauteur, largeur) en dur dans le script. Ce qui au final n'est pas génial.

Pour vous en convaincre, vous avez ci-dessous 4 images différentes en taille, et on voit bien que la boite modale s'adapte à la taille du média à afficher.

 

Screenshot

Fatal error: Call to undefined function fctaffichimage() in /mnt/127/sda/chez.com/2/0/macmicro/framework/modal_dialog_auto.php on line 18