Dreamweaver afbeelding

Status
Niet open voor verdere reacties.
S

sdr1912

Gebruiker
Lid geworden
10 jan 2011
Berichten
9
hallo,

Als je op een ankertekst klikt ,verspingt verspringt de tekst naar de juiste tekst,ok
is het ook mogelijk dat dan een zij image afbeelding ook veranderd ,hoe?

Groeten Stijn
 
In mijn data klik ik op een link ,die schrolt naar een woord onderaan de tekst in de data (een anker) .
naast mijn data staat ook een afbeelding een image ,kan die afbeelding ook mee veranderen als ik op die zelfde link klik?
 
dag,

ga naar "tag inspector / behaviors/ swap image",
daar kan je bij onclick kiezen voor een verwisseling van plaatje.
het plaatje moet je linken naar je anker.
als je plaatje-1 tijdelijk wilt verwisselen voor plaatje-2 (zorg wel dat dat net zo groot is als het oude plaatje, anders verspringt je gehele pagina en werkt de link niet goed)
dan komt de code er ongeveer zo uit te zien: (tussen (()) mijn opmerkingen)


<body onload="MM_preloadImages('plaatje-2.jpg')">

(dit bovenin je site:)

<body onload="MM_preloadImages('plaatje-2.jpg')">

<p><a name="naarboven" id="hierodus">je bent weer boven aan de pagina</a></p>


(en dit onderaan:)
<p> <a href="#naarboven"><img src="plaatje-1.jpg" width="220" height="125" id="Image1" onmouseover="MM_swapImage('Image1','','plaatje-2.jpg',1)" onmouseout="MM_swapImgRestore()" /> naar boven toe</a></p>

</body>


Let wel op dat je het via tag nspector doet want Dreanweaver bouwt ook nog een code in in je <head>.

Wil je dat het plaatje verandert als je alleen maar op de tekst klikt,
dan moet je dat inbouwen in CSS, bijvoorbeeld:

a:link {
display:block;
background: url(../plaatje-1.jpg);
background-repeat: no-repeat;
}

a:hover {
display:block;
background: url(../plaatje-2.jpg);
background-repeat: no-repeat;
}

groeten,
Leonard
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan