[JS] Image select effect bij onMouseOver

Pagina: 1
Acties:

  • Urk
  • Registratie: Maart 2000
  • Laatst online: 26-05 15:23
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...?

Afbeeldingslocatie: http://www.jdehaan.cistron.nl/cpu2.jpg   Afbeeldingslocatie: http://www.jdehaan.cistron.nl/cpu3.jpg

  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

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

:?

www.w3schools.com :)

disjfa - disj·fa (meneer)
disjfa.nl


  • Urk
  • Registratie: Maart 2000
  • Laatst online: 26-05 15:23
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
  • Registratie: Augustus 2002
  • Laatst online: 17-12-2023
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
  • Registratie: Maart 2000
  • Laatst online: 26-05 15:23
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
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
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 :?

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

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 :?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • WFvN
  • Registratie: Oktober 2000
  • Laatst online: 24-05 21:40

WFvN

Gosens Koeling en Warmte

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
  • Registratie: Maart 2000
  • Laatst online: 26-05 15:23
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
  • Registratie: September 2001
  • Laatst online: 26-05 09:56
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
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

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.

disjfa - disj·fa (meneer)
disjfa.nl


  • Daedalus
  • Registratie: Mei 2002
  • Niet online

Daedalus

Moderator Apple Talk

Keep tryin'

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

“You know what I've noticed Hobbes? Things don't bug you if you don't think about them. So from now on, I simply won't think about anything I don't like, and I'll be happy all the time!” | 宇多田ヒカル \o/


  • T-MOB
  • Registratie: Maart 2001
  • Laatst online: 00:27
voor de volledigheid:
http://www.alistapart.com/articles/sprites/ (1 plaatje en CSS)

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

Regeren is vooruitschuiven


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 ]

Pagina: 1