Scholieren.com forum - Dreamweaver CS5????!!!

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - Dreamweaver CS5????!!! (https://forum.scholieren.com/showthread.php?t=1853349)

Dreamweaver CS5????!!!

Hoi iedereen zou er hier iemand mij kunnen helpen met mij probleem.
Ik maak een website in dreamweaver CS5 en ik zit voor het moment vast.
Ik zou willen dat er één grote foto te zien is als je met je cursor over een tekst gaat.

Dus als ik bijvoorbeeld het woord "Vader" schrijf en men loopt met de cursor over dit woord dan verschijnt er bijvoorbeeld in een linker kolon de foto van "Papa Dirk" ;)

Kent er hier iemand de oplossing daarvoor? Alvast bedankt om jullie aandacht.
Jan

ga op zoek naar een javascriptje dat gebruikt maakt van "onmouseover". En geef de de gewenste kolom een id- of name.

Dan dacht ik aan het volgende:

Code:

<html>

<head>

<script type="text/javascript">

function displayVader()

{

document.getElementById("fotolocatie").innerHTML='<img src="http://www.onuitstaanbaar.nl/wp-content/uploads/jaap-aap.jpg" height="42" width="42" />';

}

function displayMoeder()

{

document.getElementById("fotolocatie").innerHTML='<img src="http://extratip.de/files/2011/04/paul-alien.jpg" height="42" width="42" />';

}

</script>

</head>

<body>

<table style="text-align: left; width: 609px; height: 95px;"

 border="1" cellpadding="2" cellspacing="2">

  <tbody>

    <tr>

      <td><p id="fotolocatie"></p><br></td>

      <td><p onmouseover="displayVader()">Vader</p><br>

<p onmouseover="displayMoeder()">Moeder</p><br></td>

    </tr>

  </tbody>

</table>

<br>

</body>

</html>

Bedank freyk ik zal het eens uitproberen in "weebly.com" maar er mogen er nog komen hoor met ideeên. ;)

Ik heb nog eens één klein vraagje:
Kunnen jullie dit script aanpassen om de foto's niet te verschalen maar gewoon te vergroten of te verkleinen?

<SCRIPT language=JavaScript type=text/javascript>

</SCRIPT>
<SCRIPT language=JavaScript></SCRIPT>

<p align="center">
<a onmouseover="Voorbeeld('foto1')" href="#">KP01: Schuiferskapelle 14.98 Km</a><BR>
<a onmouseover="Voorbeeld('foto2')" href="#">KP02: Ondank 9.65 Km</a><BR>
<a onmouseover="Voorbeeld('foto3')" href="#">KP03: Oosthoek 8.71 Km</a><BR>
<a onmouseover="Voorbeeld('foto4')" href="#">KP04: Poelberg 7.77 Km</a><BR>

<p align="center"><IMG height=600 src="1.jpg" width=700 border=1 name=picture></p>

Ik denk dat er gewoon iets moet veranderen aan de laatste zin.

En is dat ook zo bij jullie maar hier krijg ik de laatste foto (of in dit geval googlemap) niet te zien!!!

http://rallykaarten.weebly.com/15e-haspengouw.html

alvast bedankt; ;)

Citaat:

Jan005 schreef: (Bericht 32357815)

Ik denk dat er gewoon iets moet veranderen aan de laatste zin.

(met name de "height" en de "witdh")

en

Hij/zij is voor foto 4, een variabele vergeten toe te voegen.
Voeg het onderstaande ff toe aan het lijstje met variabelen.

Code:

var foto4 = new Image();

Ok bedankt freyk ik snap het nu ;) en nogmaals van harte bedankt ;)