Comment lire un code incorporé dans un popup de type lightbox

Comment lire un code intégré dans un pop-up de type lightbox?Comment lire un code incorporé dans un popup de type lightbox

Voici le code tout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta http-equiv="imagetoolbar" content="no" /> 
    <title>FancyBox 1.3.1 | Demonstration</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script> 
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script> 
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css" media="screen" /> 
    <link rel="stylesheet" href="style.css" /> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      /* 
      * Examples - images 
      */ 

      $("a#example1").fancybox({ 
       'titleShow'  : false 
      }); 

      $("a#example2").fancybox({ 
       'titleShow'  : false, 
       'transitionIn' : 'elastic', 
       'transitionOut' : 'elastic' 
      }); 

      $("a#example3").fancybox({ 
       'titleShow'  : false, 
       'transitionIn' : 'none', 
       'transitionOut' : 'none' 
      }); 

      $("a#example4").fancybox(); 

      $("a#example5").fancybox({ 
       'titlePosition' : 'inside' 
      }); 

      $("a#example6").fancybox({ 
       'titlePosition' : 'over' 
      }); 

      $("a[rel=example_group]").fancybox({ 
       'transitionIn'  : 'none', 
       'transitionOut'  : 'none', 
       'titlePosition'  : 'over', 
       'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { 
        return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + '/' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
       } 
      }); 

      /* 
      * Examples - various 
      */ 

      $("#various1").fancybox({ 
       'titlePosition'  : 'inside', 
       'transitionIn'  : 'none', 
       'transitionOut'  : 'none' 
      }); 

      $("#various2").fancybox(); 

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

      $("#various4").fancybox({ 
       'padding'   : 0, 
       'autoScale'   : false, 
       'transitionIn'  : 'none', 
       'transitionOut'  : 'none' 
      }); 
     }); 
    </script> 
</head> 
<body> 
<div id="content"> 
    <p> 
     <a id="example1" href="./example/1_b.jpg"><img alt="example1" src="./example/1_s.jpg" /></a> 

     <a id="example2" href="./example/2_b.jpg"><img alt="example2" src="./example/2_s.jpg" /></a> 

     <a id="example3" href="./example/3_b.jpg"><img alt="example3" src="./example/3_s.jpg" /></a> 
    </p> 
</div> 
<div><p>&nbsp;</p></div> 
</body> 
</html>

Ce code ci-dessus pour travailler image parfaitement. Mais comment dois-je jouer le code intégré au lieu de l'image.

Voici l'exemple de code incorporé.

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/WUW5g-sL8pU&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WUW5g-sL8pU&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

merci à l'avance ...

Source

2010-03-31 Fero

il y a plusieurs scripts de visionneuse qui vous permettent d'intégrer automatiquement un clip sur youtube dans une superposition.

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ est un, jQuery dans ce cas, mais il y a des dizaines d'autres si vous google pour elle, jquery, prototype, Mootools, ...

Source

2010-03-31 06:43:35 ChrisR

Salut Ramakers ... Un petit prob avec ce script ... Son fonctionne seulement si nous donnons l'URL mais si nous donnons le code incorporé cela ne fonctionne pas .. Y at-il une autre suggestion – Fero

Il ne devrait pas être trop difficile d'extraire l'id vidéo du embedcode et former une URL avec cela. Pour autant que je sache un script lightbox qui fonctionne avec les embedcodes est quelque chose que je n'ai pas vu auparavant, donc je ne pense pas que ce soit possible pour autant que je sache. – ChrisR

Comment lire un code incorporé dans un popup de type lightbox

Répondre

Questions connexes