Toon posts:

Hoe nieuw image met mouseover?

Pagina: 1
Acties:

vrijdag 11 januari 2002 13:12

Acties:

Verwijderd

Topicstarter
Ik heb al een tijdje een site maar ik ga een nieuwe layout enz. maken..
Nu heb ik pas een Enter screen enz.
maar ik heb dus
3 verschillende images die 1 worden dus:
code:
1
2
3
4
5
6
7
8
9
10
11
12

 __ __ __
|  |  |  |
|**|  |  |
|  |  |  |
|__|__|__|
 Dat zijn drie images en bij ** staat de ENTER button/link
Het ziet er dus zo uit:
 ________
|     |
|** |
|     |
|________|

Nu wil ik als iemand op De enter Button/link komt met zijn muis dat de eerste image dan verandert...Maar hoe doe ik dit..want IK vindt mn source best ingewikkeld..
Help plz..
Ohja voor de source:
http://www.rmon.8m.net

[ik heb de search gebruikt maar werd er ook niet wijzer op..]

EDIT
Deze image:
Afbeeldingslocatie: http://www.rmon.8m.net/enterleft.gifMoet vervangen worden door:Afbeeldingslocatie: http://www.rmon.8m.net/enterleft2.gif


Edit2
Ik heb dus eigenlijk helemaal geen verstand voor html of js oid..ik werk met Dreamweaver [jaja ik weet het..]

vrijdag 11 januari 2002 13:20

Acties:

Verwijderd

Op woensdag 03 oktober 2001 17:21 schreef Cheatah het volgende:
In je <HEAD>
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script type="text/javascript" language="JavaScript">
button1off = new Image(); button1off.src = "images/button1a.gif";
button1on = new Image(); button1on.src = "images/button1b.gif";
button2off = new Image(); button2off.src = "images/button2a.gif";
button2on = new Image(); button2on.src = "images/button2b.gif";

function highlight(button) {
  document[button].src = eval(button + "on.src");
}

function fade(button) {
  document[button].src = eval(button + "off.src");
}
</script>

In je <BODY>
code:
1
2

<a href="blaat.html" target="main" onMouseOver="highlight('button1');return true" onMouseOut="fade('button1');return true">[img]"images/button1a.gif"[/img]</a>
<a href="blaat.html" target="main" onMouseOver="highlight('button2');return true" onMouseOut="fade('button2');return true">[img]"images/button2a.gif"[/img]</a>

Is uitbreidbaar naar meerdere plaatjes, deze is voor 2 verschillende. Enjoy :)
Je maakt je met zulke grote plaatjes op een pagina zonder informatie NIET erg populair. Denk daar goed aan.

vrijdag 11 januari 2002 13:22

Acties:

Verwijderd

Topicstarter
Op vrijdag 11 januari 2002 13:20 schreef Cheatah het volgende:

[..]

Je maakt je met zulke grote plaatjes op een pagina zonder informatie NIET erg populair. Denk daar goed aan.
wat bedoel je?
Op vrijdag 11 januari 2002 13:26 schreef Courage het volgende:
Dat je plaatjes erg groot zijn, zowel in Kb als in formaat :z
Aha..dit is ook nog niet precies de images die ik ga gebruiken Maar..uh dit is alleen voor mijn probleem..
En.. :? ik snap btw ook niks van cheatah's code..sorry ik ben noob..nie :( worden ;(

vrijdag 11 januari 2002 13:26

Acties:

Verwijderd

Dat je plaatjes erg groot zijn, zowel in Kb als in formaat :z

vrijdag 11 januari 2002 13:29

Acties:

Verwijderd

Op vrijdag 11 januari 2002 13:22 schreef Rmon het volgende:

wat bedoel je?
Die plaatjes zijn samen 200KB!! Dat zijn asociale groottes.

vrijdag 11 januari 2002 13:33

Acties:

Verwijderd

Topicstarter
Ja i get it..check mn edit['s]

vrijdag 11 januari 2002 13:33

Acties:

Verwijderd

Als je met dreamweaver werkt, dan ga je op zoek naar het knopje waabij staat : "insert rollover image". Ga daar es mee spelen.Vrij simpel.

vrijdag 11 januari 2002 13:34

Acties:
  • OzBoz
  • Registratie: Maart 2000
  • Laatst online: 17-08 13:58

OzBoz

.:.H.:.I.:.P.:.

Op vrijdag 11 januari 2002 13:33 schreef Rmon het volgende:
Ja i get it..check mn edit['s]
Nog veel te groot.. 30KB voor een totale homepage is mooi.

My Fizion | My 3D prints | LinkedIn

vrijdag 11 januari 2002 13:34

Acties:

Verwijderd

Topicstarter
Op vrijdag 11 januari 2002 13:33 schreef JayAnzee het volgende:
Als je met dreamweaver werkt, dan ga je op zoek naar het knopje waabij staat : "insert rollover image". Ga daar es mee spelen.Vrij simpel.
Ik kan wel laten rolloveren als op de image wordt geklikt of mouseover...
Maar ik wil dat het gebeurt als het op de ENTER komt..dus mouseover..maar dat dan de hele image verandert..


____
Op vrijdag 11 januari 2002 13:34 schreef OzBoz het volgende:

[..]

Nog veel te groot.. 30KB voor een totale homepage is mooi.
Uh ik bedoelde dit:
Op vrijdag 11 januari 2002 13:26 schreef Courage het volgende:
Dat je plaatjes erg groot zijn, zowel in Kb als in formaat :z
Aha..dit is ook nog niet precies de images die ik ga gebruiken Maar..uh dit is alleen voor mijn probleem..
En.. :? ik snap btw ook niks van cheatah's code..sorry ik ben noob..nie :( worden ;(


[mijn reply dus.. :)]

vrijdag 11 januari 2002 13:43

Acties:

Verwijderd

Topicstarter
Zie http://www.rmon.8m.net
Het resultaat wat ik dus onderaan heb..
Maar dan alleen als ik over de ENTER ga..niet over de hele image..is dit mogelijk..
[let op geen moeilijke code's plz..ik ben ONWIJZE NOOB ;( ]
[let plz niet op de file size's enz..dit is maar een beta..]

vrijdag 11 januari 2002 16:12

Acties:

Verwijderd

Cheatah heeft je al de oplossing gegeven, makkelijker kan niet.

Of als je in Dreamweaver zit te pielen, druk je voor de grap eens op F1.

Tussen de escape en de F2 knop in, dan kom je in de help. Dit is een web pagina, moet je zelf (jaja moet je zelf doen), even zoeken naar mouseover, rollover of iets dergelijks.

De opgedane informatie breng je dan in de praktijk in dreamweaver, en klaar is Rmon.

vrijdag 11 januari 2002 16:34

Acties:
  • Karp
  • Registratie: Augustus 2001
  • Laatst online: 12:02

Karp

sim-pel

je hakt het plaatje gewoon in stukken
dus:
code:
1
2
3
4
5
6

 _________
|      |
+-----+---+
|Enter|   |
+-----+---+
|_________|

zoiets dus

Ik weet alles over digitale toegankelijkheid, of ik weet wie het wel weet.

vrijdag 11 januari 2002 18:49

Acties:

Verwijderd

Topicstarter
Op vrijdag 11 januari 2002 16:34 schreef Karp het volgende:
sim-pel

je hakt het plaatje gewoon in stukken
dus:
code:
1
2
3
4
5
6

 _________
|      |
+-----+---+
|Enter|   |
+-----+---+
|_________|

zoiets dus
Dat lijkt mij het handigst maar dan krijg ik dit:
code:
1
2
3
4
5

 __ __ __
|__|__|__|
|**|  |  |
|¯¯|¯¯|¯¯|
|__|__|__|  **=enter

Nja dan gebruik ik dit maar Thnx voor alle reacties....
Oh ik heb btw nog een probleem!
Dan blijft Links van de enter nog een heel stuk over [zie eerste post!] moet ik het dan zo doen?:
code:
1
2
3
4
5

 _ __ __ __
|!|__|__|__|
|!|**|  |  |
|!|¯¯|¯¯|¯¯|
|!|__|__|__|  != lege ruimte.. **=enter

Of is er een betere manier?

vrijdag 11 januari 2002 18:51

Acties:

Verwijderd

Of je gooit een transparante <div> over dat stukje heen, en koppelt die mouseover aan die <div>.

Hoe dat precies moet, mag je zelf uit gaan zoeken. Je hebt het een en ander aan CSS erbij nodig.

vrijdag 11 januari 2002 18:53

Acties:

Verwijderd

Topicstarter
It's Solved so...
Slotje?
Pagina: 1
Reageer