Zwei jquery Versionen auf html Seite funktioniert nicht, workaround leider auch nicht.

[Gunnar Bittersmann]

@@Zeppelin

Ich habe im oberen Teil der Seite per Javascript ein Script, das ein zufälliges Bild aus einem Pool an Bildern anzeigt. Das funktioniert hervorragend, basiert aber auf Jquery 1.8

Nei-en. Dass es Unsinn ist, zweimal jQuery einzubinden, wurde ja schon gesagt.

Um ein Element ins DOM zu hängen, brauchst du aber überhaupt kein jQuery.

Statt

    $('<img class="fade-in" src="img/bg/' + images[Math.floor(Math.random() * images.length)] + '">').appendTo('#bildbg');

kannst du auch schreiben:

document.querySelector('#bildbg').innerHTML += '<img class="fade-in" src="img/bg/' + images[Math.floor(Math.random() * images.length)] + '" alt="">';

Dem img-Element fehlte übrigens das zwingend notwendige alt-Attribut. Ich hab das mal ergänzt.

Wenn du sowieso jQuery verwendest, kannst du natürlich auch deinen obigen Code verwenden. Dort aber unbedingt noch das alt-Attribut ergänzen! Am besten gefüllt mit einem sinnvollen Alternativtext.

LLAP 🖖