Archivlink: javarea.de Forum > JavaScript > ALLE reveal-blend Trans Filter verwenden!
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > ALLE reveal-blend Trans Filter verwenden!

Pages: [1]
geschrieben von Bodhidharma am 24.01.2009 - 20:49
ich würde gerne für 2 Bilder (image1.jpg und image2.jpg) ALLE reveal-blend Trans Filter (Transitions) verwenden!! Ich weiß dass es funktioniert, siehe http://www.eckstein.co.at. Wer kann mir da ein gutes Skript geben? TAUSEND DANK!

geschrieben von Micha am 24.01.2009 - 23:27
Hi,

kannst Du näher beschreibst, was diese Filter machen? AUf Deiner verlinkten Seite weiß ich nicht, woreauf ich achten müsste. Ein Suchmaschinentreffer ist hier das Archiv:
http://www.javarea.de/index.php3?op....amp;id=284

Aber mit Opera sehe ich hier nichts.
Micha

geschrieben von Bodhidharma am 25.01.2009 - 09:58
Hallo,
wenn man von der Startseite auf "essen und trinken" geht, erscheint eine Seite, mit einem Logo oben. Dieses besteht aus 3 Bildern, die durch alle 23 Transitions abwechselnd angezeigt werden.
Jepp, unter Opera etc. funzt das leider nicht, denn die Effekte sind Microsoft-abhängig, also IE ...

Den Beitrag hab ich schon vorher angeguckt, aber die Effekte kommen nur "onclick".

Grüsse

geschrieben von Micha am 25.01.2009 - 10:31
Hi,

ich sehe da nichts - siehe Screenshot. Egal. Eine einfache Möglichkeit ist diese:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 

var cur = 0;
window.onload = function() {

	window.setInterval(function() { 
		
		cur++;
		cur = cur>23?0:cur;
		fadein();
		
	}, 5000);
}


ggf. sind die 5 Sekunden zu kurz/lang. Mußt mal ausprobieren.

Micha

geschrieben von Bodhidharma am 25.01.2009 - 13:45
Hallo Micha,
mit einem Bild und EINEM Übergang hab ichs schon geschafft, aber ich stell mir so vor: http://www.lettermanstationery.com/....torial.htm (siehe Rakete) und dann noch mit 3 versch. Bildern, aber ich kann den Code dafür nicht auslesen :-(

LG

geschrieben von Klaush am 29.01.2009 - 08:32
Was nötig ist, habe ich dir kurz aus dem Code gezogen und das Script ein wenig :-) eingeschrängt.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 

<img id=rocket1 align=left src="rocket1.gif" hspace=20 style="filter:revealTrans fliph; visibility:visible; width:202px; height:121px">		
		
<SCRIPT language=VBScript>
' Script by Bill Scott, February, 2000
' billscott@redrivernet.com

	rocket1On=true
	rocketfilter

Sub rocketfilter()
	rocket1.filters(0).Apply()
	rocket1.filters(0).transition=23
	if rocket1On=true then
		rocket1.style.visibility="hidden"
		rocket1On=false
	else
		rocket1.style.visibility="visible"
		rocket1On=true
	end if
	rocket1.filters(0).Play(1.000)
	SetTimeOut "rocketfilter",2000
End Sub
</SCRIPT>

geschrieben von Bodhidharma am 29.01.2009 - 18:24
JAVAREA - DA WERDEN SIE GEHOLFEN! Kompliment! Supa, Danke vielmals!

Bin aber jetzt trotzdem noch unverschämt was muss ich tun, dass nach 3 Transitions "Bild 2" erscheint? und nach 3 weiteren Transitions "Bild 3" und dann wieder "Bild 1" ..... :-)

geschrieben von Klaush am 30.01.2009 - 08:17
Zitat von: Bodhidharma am 29.01.2009 - 18:24
 
JAVAREA - DA WERDEN SIE GEHOLFEN! Kompliment! Supa, Danke vielmals!

Bin aber jetzt trotzdem noch unverschämt was muss ich tun, dass nach 3 Transitions "Bild 2" erscheint? und nach 3 weiteren Transitions "Bild 3" und dann wieder "Bild 1" ..... :-)



Es gibt sicherlich bessere Methoden ein Bild nach 3 Durchläufen zu ändern, was besseres fällt mir auf die Schnelle nicht ein.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 

<img id=rocket1 src="rocket1.gif" hspace=20 style="filter:revealTrans fliph; visibility:visible; width:202px; height:121px">		
		
<SCRIPT language=VBScript>
' Script by Bill Scott, February, 2000
' billscott@redrivernet.com


rocket1On=true
i = 0
rocketfilter

Sub rocketfilter()
  i = i + 1
	
	if i < 4 Then
		rocket1.src = "rocket1.gif"
	elseif i < 7 Then
		rocket1.src = "rocket2.gif"
	elseif i < 10 Then
		rocket1.src = "rocket3.gif"
	else
	  i = 1
		rocket1.src = "rocket1.gif"
	end if 
	
	rocket1.filters(0).Apply()
	rocket1.filters(0).transition=23
	if rocket1On=true then
		rocket1.style.visibility="hidden"
		rocket1On=false
	else
		rocket1.style.visibility="visible"
		rocket1On=true
	end if
	rocket1.filters(0).Play(1.000)
	SetTimeOut "rocketfilter",2000
End Sub
</SCRIPT>

geschrieben von Bodhidharma am 30.01.2009 - 08:47
Passt! Das ist genau das, was ich brauche! Vielen Dank nochmal!

geschrieben von Bodhidharma am 30.01.2009 - 15:17
Hallo, hat super funktioniert, aber ein Preload der images wäre noch toll


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.