• Hallo iedereen,

    Ik heb een probleem op de pagina http://create.nicksuy.be/web-marketing/ .

    Als je op de eerste titel klikt (“internetmarketing”), zie je dat het tweede titeltje verandert. Dit is gewoon om te testen. De foto die ernaast staat zou eigenlijk moeten veranderen, maar die doet dat niet. Dit is de JavaScript code die ik heb gebruikt:

    <script>
    document.getElementById(“ChangeImage01”).onclick = function() {myFunction()};

    function myFunction() {
    document.getElementById(‘ChangingImage01’).src = “http://create.nicksuy.be/wp-content/uploads/2016/09/test2.png&#8221;;
    document.getElementById(‘ChangeImage02’).innerHTML = “YOU CLICKED ME!”;
    }
    </script>

    Ik heb al erg veel geprobeerd en het lukt me niet. Buiten WordPress om (lokaal coderen) lukt het met exact dezelfde code echter wel. Is het misschien mogelijk dat er een blokkering in WordPress zit, die ervoor zorgt dat ik de ‘src’ niet kan veranderen (om beveiligingsredenen) ?

    Zo ja, bestaan er manieren om deze te omzeilen?

    Alvast bedankt!

    Met vriendelijke groeten,
    Nick Suykerbuyk

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Dag Nick,

    Als ik je code goed bekijk zie ik volgende staan voor je getoonde afbeelding:

    
    <img id="ChangingImage01" class="alignnone size-full wp-image-319" 
    src="http://create.nicksuy.be/wp-content/uploads/2016/09/test.png" alt="test" width="1172" height="816" 
    srcset="
    http://create.nicksuy.be/wp-content/uploads/2016/09/test.png 1172w, 
    http://create.nicksuy.be/wp-content/uploads/2016/09/test-300x209.png 300w, 
    http://create.nicksuy.be/wp-content/uploads/2016/09/test-768x535.png 768w, 
    http://create.nicksuy.be/wp-content/uploads/2016/09/test-1024x713.png 1024w
    " 
    sizes="
    (max-width: 1172px) 100vw, 1172px
    "
    >
    

    Wil dus zeggen dat je afbeelding in verschillende groottes wordt getoond door WordPress zelf.
    Je Javascript veranderd volgens mij enkel deze in src=”” en niet deze in srcset=””.
    Als je scherm grootte minder dan 1172w is, ga je de verandering niet zien omdat dan deze in srcset=”” getoond worden.

    Grtjs, Danny

    Thread starter NickSuy

    (@nicksuy)

    Bedankt voor je antwoord Danny! Dit werkt perfect.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘source veranderen met JavaScript’ is gesloten voor nieuwe reacties.