Tak, wiem, BBCode odtwarzający animacje Flash jest standardowo w phpBB3. Cóż jednak z tego, kiedy moi forumowicze dostawali wprost szału, gdy przy wejściu na stronę główną (umieszczałem tam od czasu do czasu nowego flasha) lub po otworzeniu jakiegoś wątku słyszeli po raz setny dźwięki tej samej animacji. Rzecz jasna Flash, który ładuje się każdorazowo, nadwyręża także Internet użytkowników forum. Napisałem więc swój player, zapobiegający tym niedogodnościom.
Autor: kremuwa
Dodaj/zmień znacznik BBCode:
Kod: Zaznacz cały
[flash_player={URL}]{NUMBER1},{NUMBER2},{TEXT},{NUMBER3}[/flash_player]
Kod: Zaznacz cały
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScript
obrazek_hi = new Image(100, 50);
obrazek_off = new Image(100, 50);
function img_act(pic,source)
{
obrazek_hi.src = source;
document[pic].src = obrazek_hi.src;
}
function img_deact(pic,source)
{
obrazek_off.src = source;
document[pic].src = obrazek_off.src;
}
// Koniec kodu Zmiany obrazków po najechaniu myszą -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" type = "text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScript
var widoczna{NUMBER3} = 0; // 2
function coZrobic{NUMBER3} (warstwa) { // 3
if (widoczna{NUMBER3} == 1){ ukryj{NUMBER3} (warstwa);}
else{ pokaz{NUMBER3} (warstwa);}
}
function ukryj{NUMBER3} (warstwa) { // 4
document.getElementById([warstwa]).style.display = "none";
document.getElementById(["play{NUMBER3}"]).style.display = "block";
widoczna{NUMBER3} = 0;
}
function pokaz{NUMBER3} (warstwa) { // 5
document.getElementById([warstwa]).style.display = "block";
document.getElementById(["play{NUMBER3}"]).style.display = "none";
widoczna{NUMBER3} = 1;
}
//--> KONIEC KODU UKRYJ - POKAŻ
</SCRIPT>
<!-- START - pasek informacyjny - co akurat jest grane -->
<span id="play{NUMBER3}" style="display:block">
<table border = "0" CELLSPACING="0" CELLPADDING="0" width="{NUMBER1}" style="margin-top: 0px">
<tr height = "30">
<td bgcolor="black" width="{NUMBER1}" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
<marquee behavior = "scroll" direction="left" width="100%" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="3" scrolldelay="1">
<font size = "4" color = "white"><i>{TEXT}</i></font>
</marquee>
</td>
<td bgcolor="black" align = "center" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
<a href="{URL}" target="player{NUMBER3}">
<IMG NAME="play_male{NUMBER3}" height = "29" SRC="http://i892.photobucket.com/albums/ac122/kremuwa/play.png" border = "0" onMouseOver=img_act("play_male{NUMBER3}","http://i892.photobucket.com/albums/ac122/kremuwa/play_hi.png") onMouseOut=img_deact("play_male{NUMBER3}","http://i892.photobucket.com/albums/ac122/kremuwa/play.png") onClick="coZrobic{NUMBER3}('doUkrycia{NUMBER3}')">
</a>
</td>
</tr>
</table>
</span>
<!-- STOP - pasek informacyjny -->
<!-- START - zawartość kryjąca się -->
<span id="doUkrycia{NUMBER3}" style="display:none">
<table border = "0" CELLSPACING="0" CELLPADDING="0" width="{NUMBER1}">
<tr height = "30">
<td bgcolor="black" align = "left" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
<img src= "http://i892.photobucket.com/albums/ac122/kremuwa/icon.png" style="margin-top: 1px; margin-left: 1px;"><img src = "http://i892.photobucket.com/albums/ac122/kremuwa/title.gif" style="margin-bottom: 6px; margin-left: 2px;"></font>
</td>
<td bgcolor="black" align = "right" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
<a href = "http://i892.photobucket.com/albums/ac122/kremuwa/pixel.gif" target = "player{NUMBER3}">
<img src="http://i892.photobucket.com/albums/ac122/kremuwa/x.png" border = "0" name = "x{NUMBER3}" onMouseOver="img_act('x{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/x_hi.png')" onMouseOut="img_deact('x{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/x.png')" onClick="coZrobic{NUMBER3}('doUkrycia{NUMBER3}')">
</a>
</td>
</tr>
<tr>
<td bgcolor="black" valign = "center" align = "center" border = "0" colspan = "2">
<iframe name = "player{NUMBER3}" width = "{NUMBER1}" height = "{NUMBER2}" frameborder = "0" scrolling = "no"></iframe>
</td>
</tr>
<tr height = "62">
<td bgcolor="black" valign = "center" align = "center" style = "background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_dol.gif); background-repeat:repeat-x" colspan = "2">
<a href = "{URL}" target = "player{NUMBER3}">
<IMG NAME="obrazek{NUMBER3}" SRC="http://i892.photobucket.com/albums/ac122/kremuwa/rewind.png" onMouseOver="img_act('obrazek{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/rewind_hi.png')" onMouseOut="img_deact('obrazek{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/rewind.png')" border = "0">
</a>
<br>
</td>
</tr>
<tr height = "30">
<td bgcolor="black" width="100%" colspan = "2" align = "center" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
<font size = "4" color = "white"><i>{TEXT}</i></font>
</td>
</tr>
</table>
</span>
<!-- STOP - zawartość kryjąca się -->
Podpowiedzi:
Kod: Zaznacz cały
[flash_player=Adres pliku .swf]wys,szer,tytuł/opis,liczba porządkowa[/flash_player]
Przykład:
Kod: Zaznacz cały
[flash_player=http://tinyurl.com/the-little-girl]500,450,The Little Girl Who Was Forgotten by Absolutely Everyone,1[/flash_player]
[flash_player=http://tinyurl.com/anim-vs-anim]550,400,Animation versus Animation,2[/flash_player]
demo