Sujet Précédent Sujet Suivant

Fancybox

Fermé
Baptiste - 11 oct. 2013 à 11:32
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 11 oct. 2013 à 12:32
Bonjour,

Petit soucis dans un code et je dois avouer que je ne comprend pas où ca chie.
J'utilise la FancyBox que je trouve vraiment sympa comme outil.
En gros, quand je clic sur l'image pour ouvrir la vidéo, rien à faire. J'ai bien le bouton qui me dit que ça charge, mais ca mouline dans le vent. J'ai peut être oublié un simple truc à modifier... J'en appelle donc à votre soutien :D
J'ai utilisé ce template : http://www.alessioatzeni.com/blog/brushed-template/
J'ai vérifié dans mes CSS si j'avais des trucs à faire, mais rien trouvé de concluant... 


                        	<li class="item-thumbs span3 video">
                            	<a class="hover-wrap fancybox-media" data-fancybox-group="video" title="Video de Youtube" href="http://www.youtube.com/watch?v=-X7QoD-451o">
                                	<span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <img src="_include/img/work/thumbs/image-08.jpg" alt="Video">
                            </li>

3 réponses

Réponse 1 / 3
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
11 oct. 2013 à 12:01
Salut
c est l url de la video qui n est pas bonne !avec fancybox il faut mettre une sorte de code embed et pas le watch! 

<a class="hover-wrap fancybox-media" data-fancybox-group="video" title="Video de Youtube" href="https://www.youtube.com//embed/-X7QoD-451o?autoplay=1">


a+
0
Réponse 2 / 3
Baptiste
11 oct. 2013 à 12:20
Merci pour la réponse.
J'ai tenté ta méthode, la boite a l'air de bien s'ouvrir. Mais malheureusement, ça me met fichier introuvable...
0
Réponse 3 / 3
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
11 oct. 2013 à 12:32
j ai essaye moi meme et ca fonctionne !! respecte les liens js et css et essaye !! 

<!DOCTYPE html>
<html>
  <head>
    <title>
      RAD ZONE Webcreation
    </title>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
    <script>
    !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js">
</script>
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js">
</script>
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen">
    <link rel="stylesheet" href="style.css">
    <script type="text/javascript">
    $(document).ready(function() {

           $(".fancybox-media").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });


        });
    </script>
  </head>
  <body>
    <ul>
      <li class="item-thumbs span3 video">
        <a class="hover-wrap fancybox-media" data-fancybox-group="video" title="Video de Youtube" href=
        "https://www.youtube.com/embed/-X7QoD-451o?autoplay=1"><span class=
        "overlay-img-thumb font-icon-plus">jj</span></a> <img src="_include/img/work/thumbs/image-08.jpg" alt="Video">
      </li>
    </ul>
  </body>
</html>
0