Trick # 206 | Dieser Beitrag beinhaltet 280 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Möchten Sie auf Ihrer Website verschiedene Bilder zeigen, welche bei jedem Aufruf zufällig dargestellt werden? Das geht natürlich. Mit ein wenig JavaScript und unserem Hack für alle Websites.
Hier haben wir eine Handvoll Bilder deponiert. Bei jedem Aufruf dieser Seite wird eines davon zufälig dargestellt.
Aktualisieren Sie also diese Seite.
Um so etwas einzubinden, benötigen Sie nicht mehr als ein wenig JavaScript. Den folgenden Code können Sie in den <head>-Bereich Ihrer Website kopieren. Divi-User können das Script auch in ein Code-Modul auf der entsprechenden Seite setzen:
<script type="text/javascript">
var imageURLs = [
"https://domain.ch/images/image01.jpg",
"https://domain.ch/images/image02.jpg",
"https://domain.ch/images/image03.jpg",
"https://domain.ch/images/image04.jpg"
];
function getImageTag() {
var img = '<img src=\"';
var randomIndex = Math.floor(Math.random() * imageURLs.length);
img += imageURLs[randomIndex];
img += '\" alt=\"\"/>';
return img;
}
</script>Anpassungen sind einzig nötig auf den Zeilen 3-6: Dort müssen Sie die URLs zu den von Ihnen gewünschten Bildern vermerken. Wenn Sie weniger als vier Bilder darstellen wollen, löschen Sie einfach die überzähligen Zeilen – sind es mehr, fügen Sie weitere identische Zeilen hinzu.
Nun bearbeiten Sie die Seite, auf welcher die Random-Bildanzeige erscheinen soll. Fügen Sie die folgenden Zeilen in der HTML-Ansicht ein:
<script type="text/javascript">
document.write(getImageTag());
</script>Das ist schon alles: Die Randombilder werden auf Ihrer Website nach Zufallsprinzip angezeigt.
Werbung
Wenn Sie Beitragsbilder als Header in einem besonderen Zuschnitt (etwa im Letterbox-Style mit 1500x500px) anzeigen wollen, stossen Sie mit WordPress an Grenzen. Zwar lassen sich dynamische Beitragsbilder durchaus als Hintergrund verwenden - ...
Wann immer Sie ein Bild in Ihre WordPress-Mediathek laden geschieht es: WordPress erstellt automatisch eine Anhangseite, welche unter einer eigenen URL erreichbar ist und das Bild darstellt. Kaum einmal sind diese Attachement-Seiten für User ...
PDF-Dateien und andere Downloads werden heute meist im Browser geöffnet. Das beschleunigt die Sache sehr, weil nicht noch ein anderes Programm aufgerufen oder womöglich erst noch lokal installiert werden muss. Oft ist das Laden der Inhalte im ...
Wer im Backend der WordPress-Installation hantiert, kennt den schwarzen Balken am Seitenkopf, welcher angezeigt wird, solange man eingeloggt ist und über den sich einige Administrations-Funktionen der WordPress-Site steuern lassen. Ab und an ...
Keine Inhalte gefunden.
Werbung
