Water druppels in de browser?

Pagina: 1
Acties:

  • alienfruit
  • Registratie: Maart 2003
  • Laatst online: 15-08 18:56

alienfruit

the alien you never expected

Topicstarter
Ik ben bezig met een web-site waarbij ik graag waterdruppels over een pagina heen wil laten lopen, alleen nu heb ik geen flauw idee hoe ik dit het beste kan doen of dit zelfs mogelijk is!

Ik heb twee ideën om het op te lossen:

1. Java Applet maken en daar een waterdruppels in laten maken; en die op een achtergrond weergeven
2. De waterdruppels creëren in Flash en vervolgens via een transparente flash bestand in een laag boven op de web-site plaatsen.

Nu lijkt me dat de beste oplossing voor het probleem idee twee is alleen, vraag ik me of dit wel kan. Liefst wil ik waterdruppels transparent zijn en de achtergrond van het flash bestand gebruiken voor de weerkaatsing.

Iemand hier enig idee of dit kan?

  • RSP
  • Registratie: Juni 2001
  • Laatst online: 24-06 10:36

RSP

je wilt dat diezelfde waterdruppels dermate transparant zijn dat ze de ondergrond doorlaten? dan zou je de gehele site in 1 onderdeel flash kunnen zetten want volgens mij kan je html niet laten doorschijnen in een flash object.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:21

crisp

Devver

Pixelated

dat kan zelfs met DHTML, voorbeelden zat van sneeuwvlokken en dergelijke die over je scherm komen dwarrelen...

edit: wb transparancy kan je natuurlijk in IE het opacity filter gebruiken en voor mozilla -moz-opacity, verder gewoon een gifje en klaar ben je :)

[ Voor 42% gewijzigd door crisp op 02-10-2003 19:36 ]

Intentionally left blank


  • Eskimootje
  • Registratie: Maart 2002
  • Laatst online: 23:30
uhm Java Applet? Zou je geen javascript gebruiken? Plaatjes kun je gewoon doorzichtig maken.

  • shakkie
  • Registratie: Augustus 2001
  • Laatst online: 04-03-2024
probeer dit http://www.hotscripts.com...ool=and&substring=0&mh=25 eens (verander de sneeuwvlokjes door waterdruppeltjes en klaar!

  • alienfruit
  • Registratie: Maart 2003
  • Laatst online: 15-08 18:56

alienfruit

the alien you never expected

Topicstarter
Hmm. Ik zou echt niet weten hoe ik DHTML water druppels kan maken hoor!
Probleem is dat ik wel een beetje realistische water druppels wil :) Ik zal kijken of ik een voorbeeld kan vinden!

http://www.flashfreaks.nl/ShowDetail.asp?NewsId=2748
Ik ben op zoek naar zoiets alleen dan water druppels in plaats van waterkringen... hebben jullie enig idee ofzoiets kan waarbij de achtergrond de web-site op de achtergrond is???

[ Voor 85% gewijzigd door alienfruit op 02-10-2003 19:43 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:21

crisp

Devver

Pixelated

over je text heen

Intentionally left blank


  • alienfruit
  • Registratie: Maart 2003
  • Laatst online: 15-08 18:56

alienfruit

the alien you never expected

Topicstarter
Hmm. Crisp, Kun je in DHTML ook van die reflecties maken of moet je met plaatjes werken?

p.s. heb de code hier in deze pagina nog niet bekeken, beetje brak leesbaar :(

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:21

crisp

Devver

Pixelated

alienfruit schreef op 02 October 2003 @ 19:59:
Hmm. Crisp, Kun je in DHTML ook van die reflecties maken of moet je met plaatjes werken?

p.s. heb de code hier in deze pagina nog niet bekeken, beetje brak leesbaar :(
Dit zijn gewoon plaatjes met een alpha-filter hoor ;)

HTML:
1
2
3
4
5
6
7
8
9
<div style="position:relative;width:150px;height:40px;background-color:#ffffff;padding:10px">
<img style="position:absolute;top:10px;left:10px;filter:alpha(opacity=40)"
  src="http://www.allcrispy.com/img/drop.gif" />
<img style="position:absolute;top:5px;left:50px;filter:alpha(opacity=40)"
  src="http://www.allcrispy.com/img/drop.gif" />
<img style="position:absolute;top:15px;left:120px;filter:alpha(opacity=40)"
  src="http://www.allcrispy.com/img/drop.gif" />
over je text heen
</div>

[ Voor 46% gewijzigd door crisp op 02-10-2003 20:22 ]

Intentionally left blank

Pagina: 1