Dreamweaver CS5????!!!

Jan005 · **12-02-2012, 20:13**

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

freyk · **12-02-2012, 20:46**

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

freyk · **13-02-2012, 08:29**

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>

Jan005 · **13-02-2012, 11:44**

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

Jan005 · **14-02-2012, 16:34**

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;

freyk · **14-02-2012, 17:31**

Citaat:

Jan005 schreef:

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();

Jan005 · **14-02-2012, 17:35**

Ok bedankt freyk ik snap het nu

en nogmaals van harte bedankt

Soortgelijke topics
Forum	Topic	Reacties	Laatste bericht
Software & Hardware	Welke Photoshop?? Verwijderd	8	27-11-2010 22:05

12-02-2012, 20:46
freyk	ga op zoek naar een javascriptje dat gebruikt maakt van "onmouseover". En geef de de gewenste kolom een id- of name. __________________ "Typefouten zijn gratis" \| "Daar is vast wel een knopje voor" \| "Ik weet, want ik zoek" \| Powered by Firefox, Chromium, Mac OS X, OpenSuse, and Google.

13-02-2012, 11:44
Jan005	Bedank freyk ik zal het eens uitproberen in "weebly.com" maar er mogen er nog komen hoor met ideeên.

14-02-2012, 17:35
Jan005	Ok bedankt freyk ik snap het nu en nogmaals van harte bedankt

Advertentie