Hulp gezocht erg lastig

[fadingfm]

Hallo ik heb al enige ervaring in het maken van websites echter ik heb nu een probleem waar ik na 2 dagen zoeken en zoeken niets voor heb kunnen vinden. Dit wil niet zeggen dat er geen oplossing is alleen ik kan het niet vinden. Dus hierbij mijn vraag wie oh wie kan mij helpen aan een script waar mee ik het volgende kan doen:

linkje foto

linkje2 foto

linkje3 foto

dus wanneer met met de muis over het linkje(linkerzijde) gaat dat er op dezelfde pagina een foto komt aan de rechterzijde.

het gaat om zeker 50 linkjes en bijbehorende foto's

Wie oh wie weet iets, onze eeuwige dank heeft u alvast:-)

Groeten Fadingfm

[kweezie wabbit]

De foto's worden normaal getoond 'onmouseclick' of 'onclick' op de link.

Er bestaat ook iets als 'onmouseover' of 'hoover' voor een link. Als je de acties van 'onclick' toewijst aan 'hoover', wat is dan het resultaat?

[Merel 469]

Probeer Engelse zoektermen in Google Search

script

"MouseOver"

link

opens

opening

photo

picture

Er zijn aardig wat resultaten gevonden met verschillende combinaties.

[leroy]

Dit moet met Javascript. Hier heb ik volgens mij al eens een uitleg over gegeven maar dat is dat je met je muis over een foto gaat (of linkje) en deze dan in het groot verschijnt bovenaan.

Moet als je met de muis over een linkje gaat de foto iedere keer vernieuwen? of moet er gewoon iedere keer een foto bijkomen?

als het vernieuwd moet worden kun je dit doen.

in je head zet je dit: (hoop dat het werkt, is even snel uit het hoofd geschreven)

<script language="javascript">
function changeImage(url){
var plaatje = document.getElementById('hetplaatje');
plaatje.src = url;
}
</script>

In je linkjes zet je dan erbij

onmouseover="javascript:changeImage('HierDeURLVanHetPlaatje')"

Op de plek van: HierDeURLVanHetPlaatje komt dus de url van het plaatje te staan. Dit is dus bij elk linkje anders.

elk linkje komt er dan dus zo uit te zien: (even plaatjes van google gebruikt)

<a href="#" onmouseover="javascript:changeImage('http://www.letsgodigital.org/images/artikelen/695/lg-viewty-test.jpg')">LG viewty</a><br />
<a href="#" onmouseover="javascript:changeImage('http://www.golles.nl/gcms/content/media/images/test.jpg')">LG viewty</a><br />

Let wel op dat de linkjes tussen de 'singlequotes' staan, anders herkent hij het niet als tekst.

Op de plek waar de afbeelding moet veranderen zet je dit:

<img src="HierDeURLVanHetPlaatje" id="hetplaatje" />

Op de plek van: HierDeURLVanHetPlaatje komt de url van het plaatje wat zichtbaar is wanneer men de pagina bezoekt.

Als je dit hebt gedaan zou het moeten werken.

Mocht iets niet werken, laat het even weten!

Groeten,

Leroy