Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Javascript vraag

Drewster
4 antwoorden
  • Hey peoples, ik hoop dat er iemand hier rondwaard met javascript kennis. Ik zit een beetje te klooien aan een website met plaatjes en om het er een beetje gelikter uit te laten zien wil ik wat javascript gebruiken, enig probleem is dat in 0,0 javascript kennis heb…nou ja misschien 0,1…
    Ik wil op een muisover event over een thumbnail van een plaatje dat plaatje op een andere lokatie groter afgebeeld hebben en tegelijkertijd ook de thumbnail verranderen.

    Nu heb ik het volgende al ergens af zitten kijken dus de thumbnail veranderen met mousover dat wil wel alleen zorgen dat er in een andere div een grote versie van het plaatje wordt weergegeven gaat me nog even te ver…
    [code:1:8e92eb5310]
    <head> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
    if (document.images)

    function afbeeldingAan(Naam)
    { if (document.images)
    { tekstAanNaam = eval(Naam + "Aan.src");
    document.images[Naam].src = tekstAanNaam;
    }
    }

    function afbeeldingUit(Naam)
    { if (document.images)
    { tekstUitNaam = eval(Naam + "Uit.src");
    document.images[Naam].src = tekstUitNaam;
    }
    }
    </SCRIPT> </head>
    <body>
    <a href="http://come.to/niwo" onMouseover="afbeeldingAan('afbeelding01')"
    onMouseout="afbeeldingUit('afbeelding01')">
    <img scr="afbeelding01_uit.jpg" name="afbeelding01"></a>
    </body>[/code:1:8e92eb5310]
    Kan iemand me hiermee help, niet helemaal in jip en janneke taal, maar veel schelen doet het niet.

    Thx, Drew
  • Ik ben onderdehand al weer wat verder met afkijken, ik moet nu eigenlijk alleen weten hoe je in het onMouseover=" " element, twee opdrachten uitvoerd.

    Zo kan ik een grotere versie van een plaatje ergens anders laten zien:
    [code:1:b690f418f9]
    <img src="****.jpg" alt=" " onMouseover="document.images['large'].src='****.jpg'"/>
    <img src="****.jpg" alt=" " name="large"/>
    [/code:1:b690f418f9] maar ik wil ook het eerste plaatje veranderen op de mouseover event…
    [code:1:b690f418f9]document.images['large'].src='****.jpg
    samen met
    afbeeldingAan('afbeelding01')[/code:1:b690f418f9]laten gebeuren bij mouseover….

    Iemand?
  • I dacht dat dit wel makkelijk zou zijn eigenlijk, of is dat het probleem; "Holy crap dat is zo simpel daar ga ik geen tijd aan verspillen" ?
  • onmouseover="document.images['large'].src='****.jpg;afbeeldingAan('afbeelding01');"

    of gooi t in een functie:
    onmouseover="mijn_functie();"

    en dan binnen <script>-tags:
    function mijn_functie() {
    document.images['large'].src='****.jpg;
    afbeeldingAan('afbeelding01');
    }

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.