Mam listę filmów z youtube, chciałbym aby po kliknięciu na miniaturkę, na półprzezroczystym tle zamiast obrazu wyświetlał się film z youtube.
Tak jak jest to na NK.
Tutaj mam galerię LIGHTBOX po kliknięciu jest zdjęcie, przy użyciu zdjęcia robię tak:
Kod
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
jak wstawić tę ramkę:
Kod
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/ik_ADkV7cpI" frameborder="0" allowfullscreen></iframe>
zamiast image #1 wstawiam miniaturkę ze zdjęciem filmu czyli img src='http://i2.ytimg.com/vi/ik_ADkV7cpI/default.jpg'
a zamiast adresu docelowego zdjęcia href="images/image-1.jpg" wstawiam ramkę? z youtube?
próbowałem w ten sposób ale niestety nie działa, ramka się nie ładuje:
Kod
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<a href="<iframe title='YouTube video player' width='640' height='390' src='http://www.youtube.com/embed/ik_ADkV7cpI' frameborder='0' allowfullscreen></iframe>" rel="lightbox"><img src="http://i2.ytimg.com/vi/ik_ADkV7cpI/default.jpg" alt="" /></a>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<a href="<iframe title='YouTube video player' width='640' height='390' src='http://www.youtube.com/embed/ik_ADkV7cpI' frameborder='0' allowfullscreen></iframe>" rel="lightbox"><img src="http://i2.ytimg.com/vi/ik_ADkV7cpI/default.jpg" alt="" /></a>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
tutaj jest przykład z formularzem: PRZYKŁAD Z FORMULARZEM a ja potrzebuję zamiast formularza player z youtube
Nie mogłem tego znaleźć na stronie w wyszukiwarce,
proszę o pomoc
