[BBCode] Utilisation du plugin jQuery Fancybox

Des tutos, des astuces et des BBCodes pour phpBB.
Pour toute demande de support, merci d'utiliser le forum de... support.
Répondre
Avatar du membre
cabot
Administrateur du site
Messages : 179
Enregistré le : 03 nov. 2011, 11:29
Contact :

[BBCode] Utilisation du plugin jQuery Fancybox

Message par cabot » 05 juin 2021, 16:21

Ce BBCode permet d'afficher toutes sortes de médias (vidéo, image, son, etc.) dans une fenêtre modale à l'aide du plugin Fancybox.

Sujet mis à jour le 15 juin 2021.
  1. Modification du style.

    Ouvrir overall_header.html, trouver :

    Code : Tout sélectionner

    <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
    Ajouter avant sur une nouvelle ligne :

    Code : Tout sélectionner

    <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" rel="stylesheet">
    Ouvrir overall_footer.html, trouver :

    Code : Tout sélectionner

    <!-- EVENT overall_footer_after -->
    Ajouter après sur une nouvelle ligne :

    Code : Tout sélectionner

    <script async src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <script>
    $(function() {
    	$('.fancybox-media').fancybox({
    		openEffect  : 'none',
    		closeEffect : 'none',
    		helpers : {
    			media : {}
    		}
    	});
    });
    </script>
  2. Création du BBCode.

    Utilisation du BBCode :

    Code : Tout sélectionner

    [fbox]{URL}[/fbox]
    Code HTML de remplacement :

    Code : Tout sélectionner

    <a class="fancybox-media" data-fancybox href="{URL}"">Afficher le média</a>
    Ligne d’aide :

    Code : Tout sélectionner

    [fbox]url du média embarqué[/fbox]
  3. Exemples d'utilisation.
Plugin fancyBox


Sujet remonté par cabot le 05 juin 2021, 16:21.

Répondre