javascript nakłada się na flasha Opcje

[Vasquez21]

Witam.

Mam taki problem:
zrobiłem sobie reklamę w Flashu, która jest wyświetlana na wszystkich podstronach, wywołuję ją tak:

[HTML] pobierz, plaintext 
<div id="flashcontent">
</div>
[HTML] pobierz, plaintext 

wywoływany jest oczywiście skrypcik, który ładuje flasha.

Następnie na stronie mam wywoływanie zdjęć poprzez skrypcik, który działa w ten sposób, że jakby na tle całej strony powiększa wybraną miniaturkę zdjęcia. Robię to w ten sposób:

[HTML] pobierz, plaintext 
<span><a href="costam" rel="CosTamZebySkryptDzialal"><img class="foto" src="costam" /></a></span>
[HTML] pobierz, plaintext 

Problem w tym, że kiedy próbuję otworzyć zdjęcie, flash jest NAD wywołanym zdjęciem, przez co go zakrywa...
znajomy poradził mi, żeby to zrobił z-index'em...

więc próbowałem tak, w css'ie:

[HTML] pobierz, plaintext 
.zindex2
{
	z-index: 2;
}
 
.zindex1
{
	z-index: 1;
}
[HTML] pobierz, plaintext 

i kod zmieniłem tak:

[HTML] pobierz, plaintext 
<div class="zindex1" id="flashcontent">
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<span class="zindex2"><a href="costam" rel="CosTamZebySkryptDzialal"><img class="foto" src="costam" /></a></span>
[HTML] pobierz, plaintext 

Pewnie coś pochrzaniłem więc będę wdzięczny za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[batman]

Miałem podobny problem, z tym że pod baner flash-owy chowało się menu. Rozwiązanie jest bardzo proste. Dodajesz takie coś do parametrów:

[HTML] pobierz, plaintext 
<param name="wmode" value="transparent">
[HTML] pobierz, plaintext 

A do znacznika <object> : name="wmode"

Jeśli nie zadziała, wówczas wstaw w param, zamiast transparent, opaque. Nie pamiętam dokładnie jak się to robiło. Jutro sprawdzę.

edit

Zgodnie z obietnicą sprawdziłem i wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
<object .....>
<param name="wmode" value="transparent">
......
<embeded wmode="transparent" ......... >
</embeded>
</object>
[HTML] pobierz, plaintext 

W miejsce kropek należy wstawić odpowiedni kod html.

Ten post edytował batman 23.03.2007, 08:46:04

[babejsza]

Nie istnieje taki znacznik jak <embeded/>. Z resztą tak samo jak <embed/>. Jest to niepoprawna konstrukcja i nie powinno się za jej pomocą osadzać flash'y w xhtml'u.

Jeżeli ma być to zrobione poprawnie (znaczy tak, żeby przeszło walidację) to kod powinien wyglądać tak:

[HTML] pobierz, plaintext 
<object type="application/x-shockwave-flash" data="plik.swf" width="X" height="Y">
  <param name="movie" value="plik.swf" />
  <param name="quality" value="High" />
  <param name="wmode" value="transparent" />
</object>
[HTML] pobierz, plaintext 

[shpyo]

z IE będą problemy (bez względu którego kodu użyjesz). Zainteresuj się swfObject.

[Vasquez21]

no więc zainteresowałem się i użyłem tego skryptu żeby dodać logo na stronie, ale nie wiem jak ustawić przeźroczystość :/

kodzik:

[HTML] pobierz, plaintext 
/**
 * SWFObject v1.4.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){if(!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){_16.push(key+"="+_18[key]);}
return _16;},getSWFHTML:function(){var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){
this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";
}else{if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();return true;
}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(){
var _23=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}
catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
_23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}
catch(e){if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}
catch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}
return _23;};
deconcept.PlayerVersion=function(_27){
this.major=_27[0]!=null?parseInt(_27[0]):0;
this.minor=_27[1]!=null?parseInt(_27[1]):0;
this.rev=_27[2]!=null?parseInt(_27[2]):0;
};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){
return false;
}return true;};
deconcept.util={getRequestParameter:function(_29){
var q=document.location.search||document.location.hash;
if(q){var _2b=q.substring(1).split("&");
for(var i=0;i<_2b.length;i++){
if(_2b[i].substring(0,_2b[i].indexOf("="))==_29){
return _2b[i].substring((_2b[i].indexOf("=")+1));}}}
return "";}};
deconcept.SWFObjectUtil.cleanupSWFs=function(){if(window.opera||!document.all){return;}
var _2d=document.getElementsByTagName("OBJECT");
for(var i=0;i<_2d.length;i++){_2d[i].style.display="none";for(var x in _2d[i]){
if(typeof _2d[i][x]=="function"){_2d[i][x]=function(){};}}}};
deconcept.SWFObjectUtil.prepUnload=function(){__flash_unloadHandler=function(){};
__flash_savedUnloadHandler=function(){};
if(typeof window.onunload=="function"){
var _30=window.onunload;
window.onunload=function(){
deconcept.SWFObjectUtil.cleanupSWFs();_30();};
}else{window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;}};
if(typeof window.onbeforeunload=="function"){
var oldBeforeUnload=window.onbeforeunload;
window.onbeforeunload=function(){
deconcept.SWFObjectUtil.prepUnload();
oldBeforeUnload();};
}else{window.onbeforeunload=deconcept.SWFObjectUtil.prepUnload;}
if(Array.prototype.push==null){
Array.prototype.push=function(_31){
this[this.length]=_31;
return this.length;};}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject;
var SWFObject=deconcept.SWFObject;
[HTML] pobierz, plaintext 

Będę wdzięczny za wskazanie co gdzie wpisać, bo nie znam na tyle js, żeby sobie z tym jakoś poradzić (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[babejsza]

to nie w tym pliku masz cokolwiek ustawiać. Ten masz tylko załadować do strony, a jak wyświetlić samego flash'a? No przecież wszystko jest tam opisane: http://blog.deconcept.com/swfobject/

Podpowiedź:

[HTML] pobierz, plaintext 
<script type="text/javascript">
   var so = new SWFObject("logo.swf", "logo", "100", "100", "6", "#FFF");
   so.addParam("quality", "hight");
   so.addParam("wmode", "transparent");
   so.write("flashcontent");
</script>
[HTML] pobierz, plaintext 

[Vasquez21]

dzięki wielkie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)