[JS] Image select effect bij onMouseOver

[Urk]

Ik zal laatst op een website een straks image effect, als je over het plaatje gaat krijgt deze een soort SELECT effect, zie het voorbeeld hieronder.

Weten jullie hoe je dit doet (zonder dat je 2 images gebruikt).
Weet niet uberhaupt of dit wel kan...?

   

[disjfa]

onmouseover="this.src='ander plaatje';"



www.w3schools.com

[Urk]

Nee, zoals ik al zei in m'n post -->

Kan het ook zonder gebruik te maken van een ander plaatje?? (Ik weet dat het natuurlijk met een ander plaatje kan...)

[ Voor 27% gewijzigd door Urk op 14-04-2004 23:01 ]

[flashin]

Nah denk het niet.. je kunt wel een div met een background van een plaatje van een paar bytes erbovenop zetten.. vreet het minste lijkt me

[Urk]

Maar het ging op die ene site zo snel dat het haast geen ander plaatje kon zijn, dus dan moeten ze haast toch wel een JavaScript functie ofzo hebben gebruikt?

Het waardeloze is dat ik niet meer weet welke site het was...

[faabman]

Urk schreef op 14 april 2004 @ 23:21:
Maar het ging op die ene site zo snel dat het haast geen ander plaatje kon zijn, dus dan moeten ze haast toch wel een JavaScript functie ofzo hebben gebruikt?

Het waardeloze is dat ik niet meer weet welke site het was...

ja, gewoon allebei de images preloaden en dan hetgeen wat disjfa zei

[BtM909]

Urk schreef op 14 april 2004 @ 23:21:
Maar het ging op die ene site zo snel dat het haast geen ander plaatje kon zijn, dus dan moeten ze haast toch wel een JavaScript functie ofzo hebben gebruikt?

Het waardeloze is dat ik niet meer weet welke site het was...

Of waarschijnlijk een JS preload gebruikt

[WFvN]

Hadden ze daar niet iets ingebouwd waardoor de plaatjes al in de cache geladen werden bij openen van de site? Dat kan natuurlijk ook wat tijd schelen bij het gebruik van de site.

Nu heb ik betrekkelijk weinig ervaring op dit vlak en weet dus ook niet of dit mogelijk is.
Maar zou je met de transparancy niet aan de gang kunnen gaan? Goed, het zijn iet van die blokjes maar wellicht een idee?

[Urk]

Ja, dat zou goed kunnen dat preloaden natuurlijk!
Het was wel een rommelige site met heel veel plaatjes, dus vraag me dan af of ze al die images preloaden, maar goed, misschien gebeurd die plaatjes dubbel opslaan ook wel automatisch met bijv een ASP Image Component...

Het is dus niet simpelweg alleen mogelijk met JavaScript? Dat wou ik alleen even weten...

[r0bert]

Selection creeeren over de image, maar dat is totaal niet gebruiksvriendelijk, dus anders een 2e plaatje als soort van raster/patroon gebruiken. Hoef je maar 1 plaatje te gebruiken, om het effect op oneindig veel plaatjes toe te passen (PNG/alphatransparantie over image)

[disjfa]

Je kan het geloof ik wel doen, maar zoals je weet is een image laten selecteren alleen in IE mogenlijk dus niet echt interesant. Wat je wel kan doen is zoals andere al zeiden 2 containers gebruiken... een voor je image en een voor een overlayed plaatje van 4 * 4 px oid met zo`n ruitengeselecteerde structuur erop die er perfect overheen kan.

Maarja dat is weer geklooi met veel html in de pagina.

[Daedalus]

Je kunt ook gebruik maken van CSS: http://www.uoguelph.ca/~stuartr/articles/cssrollovers.shtml
Heb je geen javascript nodig of een preloader

[T-MOB]

voor de volledigheid:
http://www.alistapart.com/articles/sprites/ (1 plaatje en CSS)

http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/ (meer plaatjes en CSS)

[Verwijderd]

Je kunt ook filters over het plaatje gooien, maar ook alleen in MSIE:
http://www.w3schools.com/dhtml/dhtml_examples.asp

Kijk onder het kopje:
Filter on Images
From black and white to color (IE only)
Gradually show image (IE only)
Negative image (IE only)
XRay image (IE only)
The mask filter (IE only)
Move the mask (IE only)

Het is dus niet simpelweg alleen mogelijk met JavaScript? Dat wou ik alleen even weten...

Je bedoeld met JavaScript en CSS (= DHTML)!

[ Voor 21% gewijzigd door Verwijderd op 15-04-2004 05:49 ]