[JS]IE Image filters - Softwareontwikkeling

zondag 10 juni 2007 23:02

Acties:

Go Go Gadget Ondertitel!

Topicstarter

Ik snap maar niet waarom dit niet werkt.
Javascript moet toch gewoon stijlen kunnen overschrijven?

HTML:

<HTML> 
 <HEAD> 
  <SCRIPT FOR=window EVENT=onload LANGUAGE=JavaScript> 
 test.filters[0].Apply(); 
 test.innerHTML ="<img src='image2.jpg'>"; 
 test.filters[0].Play(); 
 
 function bla(filternaam){

 document.getElementById("test").style.filter = filternaam;
 }
</script> 


 </HEAD> 
<BODY> 
<div id="test" style="position:relative;width:150;height:150;top:20;left:20;text-align:center;background-color:white;filter:revealTrans(transition=1,duration=1);">

</div><br>
<br>
<br>
<form name="form1">
 <input name="effect" type="button" value="effect1" onClick="bla(revealTrans(transition=2,duration=1));"> 
 <input name="effect" type="button" value="effect2" onClick="bla(revealTrans(transition=8,duration=1));"> 
</form>
</BODY> 
 </HTML>

of ben ik nu scheef? Heb ook al lang naar mijn scherm gestaard

[ Voor 6% gewijzigd door DNA_Saint op 11-06-2007 00:46 ]

Huub Huub Barbatruc!

maandag 11 juni 2007 07:37

Acties:

DNA_Saint

Go Go Gadget Ondertitel!

Topicstarter

ppfff...na lang tweaken heb ik hem

HTML:

<HTML> <HEAD> 
<script LANGUAGE=JavaScript>

  function start_transition() {
//------------------
 testpic.filters[0].Apply(); 
 testpic.innerHTML ="<img src='../../demopics1/1.jpg'>"; 
 testpic.filters[0].Play(); 
 
}

   function setfilter(filternaam){
// ----------------------------
 
var test = document.getElementById('testpic');
// alert(test + ' ---- ' + filternaam);   // hier moet 'Object' als resultaat komen ;
test.style.filter=filternaam;

test.innerHTML = "";        // picture div eerst ff leegmaken OF ander pic. 
alert('filter : ' + test.style.filter);

start_transition();   // en weer laten zien met filter 
}

   window.onload = function() {
// --------------------------
start_transition(); }

</script> 
</HEAD> 

<BODY> 
<div id="testpic" style="position:relative;width:150;height:150;top:20;left:20;text-align:center;background-color:white; filter:revealTrans(transition=1,duration=1);">
</div>
<br><br><br>
<a href="#" onclick="setfilter( ' revealTrans(transition=2,duration=1) ') " ; return false >effect1</a>
<a href="#" onclick="setfilter( ' revealTrans(transition=8,duration=1) ') " ; return false >effect2</a>

</BODY> </HTML>

Huub Huub Barbatruc!

Reageer