Forum PHP.pl

Witam, mam następujący problem. Na stronie mam kilka niewielkich, generowanych dynamicznie galerii zdjęć, które można oglądać po kliknięciu w miniaturkę za pomocą Lightboxa(jquery.lightbox-0.5). W każdej galerii jest też możliwe dołączenie filmiku - otwieranego za pomocą flowplayera(flowplayer-3.1.1), w podobny sposób jak lightbox(odtwarzacz pojawia się w oknie na półprzezroczystym tle przysłaniającym treść strony). Niestety, te komponenty "gryzą się" ze sobą. Podejrzewam, że chodzi o zdarzenie onLoad - zdaje się, że lightbox również z niego korzysta. Po skomentowaniu linii window.onload = Laduj; w pliku kom.js działa lightbox, a nie reaguje flowplayer. W przeciwnym wypadku flowplayer działa ale zdjęcia otwierają się w przegladarce. Nie znam JS na tyle, żeby samemu sobie z tym poradzić...

Plik kom.js :

[PHP] pobierz, plaintext 
<?php
//komunikat - alert JS
 
function Kom(zm, wysokosc, tytul, tekst)
{
 var bg = document.getElementById('alert_komunikat_bg');
 var okno = document.getElementById('alert_komunikat');
 var odtwarzacz = document.getElementById('player');
 
 if(zm == 1)
 { 
     var przegladarka = navigator.userAgent;
     przegladarka = parseInt(przegladarka.replace(/[^0-9]+/, ""));
  
     var szer1 = document.body.scrollWidth;
     var wys1 = document.body.scrollHeight; //realna wysokość strony w oknie przegladarki
  
     var szer2 = window.outerWidth;
  
     if(przegladarka < 5)
     {
         document.documentElement.style.height = '100%';
         document.body.style.height = '100%';
         var wys2 = document.body.offsetHeight; //realna wysokość okna przegladarki IE
     }
     else
         var wys2 = window.outerHeight; //realna wysokość okna przegladarki Firefox, Chrome, Opera
          
         //alert(szer1 + ' ' + wys1 + "\n" + szer2 + ' ' + wys2);
  
     if(szer1 > szer2)
         var szer = szer1 + 'px';
     else
         var szer = '100%';
      
         wys2 -= 165; //korekta wysokości o 165
      
     var wys = 0;
      
     if(wys1 > wys2)
         wys = wys1 + 'px';
     else
         wys = '100%';
  
  
         //alert(szer + ' ' + wys);
  
     bg.style.display = 'block';
     bg.style.width = szer;
     bg.style.height = wys;
     okno.style.display = 'block';
     okno.style.top = wysokosc;
     odtwarzacz.style.display = 'block';
     odtwarzacz.style.visibility = 'visible';
 }
 else
 {
     odtwarzacz.style.visibility = 'hidden';
     odtwarzacz.style.display = 'none';
     okno.style.display = 'none';
     bg.style.display = 'none';
 }
 
}
 
 
function Komunikat()
{
 
var komunikat = '<div id="alert_komunikat_bg" onclick="Kom(0);"></div>' +
     '<div id="alert_komunikat">' +
     '<a href="filmy/xx.flv" id="player"></a>' +
     '</div>';
 document.body.innerHTML += komunikat;
}
 
 
 
function Laduj()
{
//wczytywanie kodu komunikatu
 Komunikat();
}
window.onload = Laduj;
?>
[PHP] pobierz, plaintext 

Wywołanie w pętli Smartów:

[HTML] pobierz, plaintext 
<a href="#" title="Prezentacja filmowa" id="link{$biezacy.tytul}{$ii}" onclick="flowplayer('player', 'zzz/flowplayer-3.0.3.swf');Kom(1, '20%', '', '');">
 				<img src="images/ico0.gif" alt="" style="display:block; margin: 3px 2px 0 0;" onmouseover="Slide3('min{$biezacy.tytul}{$ii}', 'minimg{$biezacy.tytul}{$ii}', '{$biezacy.tytul}');" />
[HTML] pobierz, plaintext 

Ten post edytował zordon 3.07.2009, 10:12:54

Najlepiej wrzuć gdzieś to do Sieci.

Ale możesz jeszcze spróbować:

: