Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ [lightbox][flash][youtube] zamiast zdjęcia player z youtuba

Napisany przez: deejaydk 6.04.2011, 15:25:29

Jak zrobić aby użyć galerii lightbox do prezentowania filmów na stronie.
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ę http://www.huddletogether.com/projects/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

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>

tutaj jest przykład z formularzem: http://www.webnote.pl/example/formularz a ja potrzebuję zamiast formularza player z youtube

Nie mogłem tego znaleźć na stronie w wyszukiwarce,
proszę o pomoc

Napisany przez: kbsucha 7.04.2011, 12:33:47

Wygląda na to, że twój lightbox nie ma możliwości otwierania innych elementów niż obrazki. Przynajmniej nie w podstawowej wersji. W artykule, do którego podałeś link wykorzystałem http://colorpowered.com/colorbox/ i on posiada możliwość dodawania youtube, nawet jest chyba taki przykład na ich stronie.

Napisany przez: deejaydk 8.04.2011, 21:05:47

ok, dzieki za podpowiedź, spróbuje w ten sposób, jeśli mi się uda podzielę się tutaj wnioskami

Napisany przez: 5skakanek 8.04.2011, 23:54:34

Jeśli zależy Ci na lightbox to zobacz to http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
Działa ze wszystkim. Oparte na jQuery.

Napisany przez: deejaydk 12.04.2011, 19:38:14

Dzięki wielkie, "prettyPhoto" sprawdziło się w 100%,
łatwa instalacja i nie gryzie sie z lightboxem którego mam w galerii...

Pozdrawiam