Layout – Webdesign

0,00 / maand excl. BTW

Layout kiezen / webdesign aanpassen

Ander webdesign / layout? Dat kan hier heel gemakkelijk!

  1. Gratis: Kies één van de voor geprogrammeerde layouts.
  2. Gratis: Pas je gekozen webdesign naar wens aan.
  3. Kies hier een andere gratis layout: Gratis implementatie.
  4. Kies een andere gratis layout: Vergoeding voor implementatie.
  5. Kies een betaald thema: Vergoeding voor implementatie.
  6. Laat een layout voor je maken.

Andere Layout

Ander Webdesign

Eénmalige betaling

1. Om welk webdesign gaat het (naam)
2. Waar kunnen wij het vinden
3. Als het in een account staat, mogen wij dan inlog-gegevens opdat wij het kunnen uploaden

Het verwijderen van webdesigns bespaart webruimte. Als er een webdesign extra op je website / webshop wordt gezet, dan kost dat webruimte.

Prijs per maand

Categorie:

Beschrijving

Forums / Code oplossingen gezocht / source veranderen met JavaScript

  • 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.