Toon posts:

tekst weergeven bij mouse-over plaatje

Pagina: 1
Acties:
  • 240 views sinds 30-01-2008

Verwijderd

Topicstarter
ik ben op zoek naar een html code die ervoor zorgt dat als ik met mijn muis over één van de 4 plaatjes(deze dienen ook als links) ga er in het midden een tekst verschijnt (deze is dus per plaatje verschillend)

Afbeeldingslocatie: http://www.s-crew.nl/simon/images/mouseover.JPG

weet iemand toevallig de code hiervoor of hoe ik dit anders kan oplossen?

Het is voor school en de site moet in html, anders had ik dit al opgelost met flash :P

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Daar zal je toch echt iets van javascript voor moeten gebruiken...

edit: met CSS kan het ook :P
HTML:
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
39
40
41
<style type="text/css">

#container {
    position: relative;
    width: 500px;
    overflow: hidden;
}

#container span.text {
    position: absolute;
    left: 0px;
    top: 120px;
    width: 500px;
    text-align: center;
    display: none;
}

/* voor IE */
#container a:hover {
    display: inline;
}

#container a img {
    width: 200px;
    height: 100px;
    border: 1px solid black;
}
#container a:hover img {
    border: 1px solid red;
}
#container a:hover span.text {
    display: block;
}

</style>
<div id="container">
    <a href="#" style="float:left"><img src="foo.gif"><span class="text">plaatje 1</span></a>
    <a href="#" style="float:right"><img src="foo.gif"><span class="text">plaatje 2</span></a>
    <a href="#" style="float:left; margin-top:50px"><img src="foo.gif"><span class="text">plaatje 3</span></a>
    <a href="#" style="float:right; margin-top:50px"><img src="foo.gif"><span class="text">plaatje 4</span></a>
</div>

[ Voor 108% gewijzigd door crisp op 02-06-2005 00:43 ]

Intentionally left blank


Verwijderd

www.dynamicdrive.com daar zijn al die dingen wel te vinden :)
En wat heb je zelf al gedaan? ;)

  • André
  • Registratie: Maart 2002
  • Laatst online: 06-05 11:13

André

Analytics dude

Verwijderd schreef op donderdag 02 juni 2005 @ 00:12:

weet iemand toevallig de code hiervoor of hoe ik dit anders kan oplossen?
Beste simie55, dit is een scriptrequest. En dat willen we hier niet hebben omdat we meer moeite van jouw kant verwachten. Er zijn genoeg scripts te vinden die een zinnetje kunnen veranderen cq showen/hiden :)

[rml][ W&G FAQ] W&G Policy & Beleid[/rml]

Dit topic is gesloten.