Support » Allgemeine Fragen » Image SRC von Images aus WordPress Post in Array

  • Hallo liebe WordPress-Profis,

    ich möchte auf der Startseite meiner WordPress-Seite ein Bild viewportfüllend einsetzen und dachte mir, ich stelle es folgendermaßen an:
    Über die Page die ich als Index, also Homepage einsetze lade ich im Editor ein Bild hoch und über das folgende JS hol ich mir die SRC und setze es als Background -image in einen dafür eingerichteten Container ein. Das eigentliche img blende ich via display: none aus:

    var ImageSrc = $('#home .wp-block-image img').attr('src');
     $('#home .background-image').css('background-image','url('+ImageSrc+')')

    Funktioniert auch prima und wenn bis dahin keiner Einwände zu meinem Vorgehen hat, würde ich jetzt gerne noch einen Schritt weiter gehen und bei jedem Neu-Laden der Seite ein zufällig gewähltes Bild aus mehreren Bildern zeigen, sodass nicht immer das gleiche Bild zu sehen ist. Theoretisch stelle ich es mir so vor:
    – über den WordPress Editor setze ich 3-5 Bilder in die Seite ein, die als Startseite fungiert (werden ja über display: none ausgeblendet)
    – hole mir via JS die Images Sources
    – speichere mir die Sources in ein Array
    – mit math.random() und math.floor() für die Ganzzahl lasse ich ein beliebiges Bild aus dem Array aussuchen
    – die ausgesuchte Position aus dem Array wird als Background-image meinem Container .background-image zugewiesen.

    Leider komme ich damit an die Grenzen meines Wissens und vielleicht ist es auch das falsche Forum, da eher eine JS/jQuery-Frage aber vielleicht hat ja der ein oder andere einen Vorschlag für mich. Danke schon mal!

    • Dieses Thema wurde geändert vor 2 Jahre, 5 Monaten von fontispitz.
Ansicht von 1 Antwort (von insgesamt 1)
Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Image SRC von Images aus WordPress Post in Array“ ist für neue Antworten geschlossen.