lightbox za slike i lightbox za video ne rade zajedno

[ mother.mne @ 06.06.2010. 02:47 ] @

Kao sto govori i sam naslov, interesuje me da nije neko ovjde imao slican problem i naravno kako ga je rijesio?
znaci imam par slika na strani koje su se otvarale u Lightbox 2, e sad ocu da mi se nadje i jedan video tu na istoj HTML strani, tacnije slika je prvo, pa kad se klikne na sliku... trebalo bi da mi otvori video u Videobox v1.1... ali to nikako da izvedem, u kombinaciji sa slikama, znaci odvojeno mi funkcionisu, a kad su zajedno na jedno strani ne funkcionise nista?
Nadam se da nisam bio previse konfuzan :)

[ Nikola Poša @ 06.06.2010. 16:42 ] @

Daj da vidimo kod.

I jel piše nešto u Tools -> Error Console?

btw Nadam se da za slike koristiš rel="lightbox", a za video rel="vidbox", pošto si rekao da koristiš i Videobox.

[ mother.mne @ 06.06.2010. 21:38 ] @

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
    <script src="js-slike/prototype.js" type="text/javascript"></script>
    <script src="js-slike/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    <script src="js-slike/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="css-slike/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
</head>

<body>
  <tr>
    <td height="4" valign="top"><a href="video/stela-video.flv" rel="vidbox" title="Stela di Mare"><img src="img/video1.jpg" width="720" height="218" border="0" /></a>
</tr>
  </tr>
  <p><a href="img/stela-1v.jpg" rel="lightbox"><img src="img/stela-1.jpg" width="200" height="155" border"0"/></a></p>
</body>
</html>

evo cak sam razdvojio js i css od videa i slika...
i opet mi ne radi...

evo ti link da vidis o cemu ti govorim...

a evo ti link za sve fajlove u spakovane u RAR, ako si dokon da mi to pogledas :)

[ Nikola Poša @ 07.06.2010. 10:00 ] @

Au, pa ti tu imaš dosta stvari koje mogu da dođu u koliziju. Vidim da učitavaš nekoliko JS framework-a, prototype, scriptaculous i mootools, kojeg Videobox zahteva...

Kao alternativu na sve to, preporučujem ti prettyPhoto jQuery plugin. S njim ćeš bez problema biti u mogućnosti da na istoj strani kombinuješ slike, flash sadržaje, YouTube klipove, iFrame-ove, itd. Sve što treba da uradiš je da dodaš rel="prettyPhoto" atribut na link za koji hoćeš da omogućiš prettyPhoto funkcionalnost. Doduše, ti i sam možeš da odrediš vrednost rel atributa, budući da prettyPhoto moraš da inicijalizuješ na sledeći način, obično u head sekciji tvoje stranice:

Code:
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $("a[rel^='prettyPhoto']").prettyPhoto();
    });
</script>

Naravno, kako je prettyPhoto zasnovan na jQuery-ju, pored koda same biblioteke, u head sekciju ćeš morati da učitaš i jQuery. Pogledaj uputstva i primere na zvaničnoj stranici prettyPhoto-a, jako lako se integriše i koristi.

[ mother.mne @ 07.06.2010. 23:42 ] @

Nece ovaj tvoj da mi pusti flv fajl :( imas li neki drugi predlog?... a ima manu, jer kad kliknem da mi otvori sliku u lightbox-u onaj bilo koji flash fajl na sajtu ili neki video sa youtube je uvjek iznad slike, imam u zaglavlju sajta flash koji mi vuce neke slike kroz xml... i on mi je uvjek iznad ovog tvog lightbox-a, nije kao kod onog lightbox2 koji sve pogasi i zaustavi kad se pojavljuje.

[ Nikola Poša @ 08.06.2010. 09:54 ] @

Pa zato što prettyPhoto ne dolazi sa FLV plejerom u paketu.

Imaš na zvaničnom forumu par tema sa diskusijom kako naterati prettyPhoto da pušta FLV sadržaj. Jedna od njih je ova.

Ne znam, probaj onda i Shadowbox. Pročitaj uputstvo u FAQ-u kako da iskoristiš JW FLV plejer za puštanje Flash videa...

[ mother.mne @ 09.06.2010. 18:04 ] @

Ovaj ti je Shadowbox MAJKA :D melje sve zivo i ne pita puno :)

reci mi jos ovo, postoji li ikakva fora, da npr. imam sa na strani 5 malih slicica na koje kad kliknem otvaraju se ove velike u ovom Shadowbox-u... e sad kad kliknes na prvu ima on finta da ako im stavis u atribut ime grupe rel="shadowbox[grupa007]"... dobijes da mozes da ides lijevo desno sa slike na sliku.. e zanima me dal je moguce izvesti da posto na strani imam 5 malih prikazanih slika i za njih dobijam prikaz u shadowbox-u, kako da utrpam jos npr. 10 slika, a da mi nisu vidljive male slike ili linkovi na stranici, nego da samo u shadowbox-u moze da se prelistaju zajedno sa ovim slikama? Jel moze to da se izvede? :)

[ Nikola Poša @ 09.06.2010. 20:42 ] @

Nikad nisam imao potrebu za takvim nečim, ali možeš eventualno da probaš da tih 10 slika, odnosno linkove na njima, sve normalno označiš rel atributom i staviš da pripadaju toj nekoj grupi, a onda da ih staviš unutar nekog div-a kojeg bi sakrio CSS-om, display: none, ili nešto slično.

[ mother.mne @ 11.06.2010. 19:26 ] @

Dopada mi se kako razmisljas :D
Zahvaljujem :)

[ mother.mne @ 12.06.2010. 16:29 ] @

E, da te pitam i to da ne znas kako ovaj shadowbox da osposobim da radi u ie6? :)

[ Nikola Poša @ 12.06.2010. 16:58 ] @

Ako ne radi u IE-u, onda je najbolje da se obratiš autoru samog Shadowbox-a.

Na njihovom sajtu piše koji su podržani browser-i: http://shadowbox-js.com/support.html.

[ mother.mne @ 12.06.2010. 17:48 ] @

nesto je bilo do mene... imao sam neki error u kodu sa google mapom, pa mi nije ucitavao shadowbox u ie6...