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 Ihre Website schon in Betrieb ist und grössere Umbauten anstehen, kann sich eine Testumgebung - oder Staging Site - auszahlen. Plugins, Funktionen und Stylings können auf Herz und Nieren geprüft werden, ohne dass Sie Ihre produktive ...
Gleich vorneweg: Dieses Snippet ist nicht ungefährlich. Es löscht alle Beitragsbilder aus allen Beiträgen. Wir empfehlen Ihnen, ein Datenbank-Backup zu erstellen, bevor Sie sich an die Arbeit machen. Wenn Sie sich jedoch der Sache sicher sind, ...
Die Standard-Login-Seite von WordPress ist funktional, aber ansprechend ist sie nicht. Ein individuelles Design wäre wünschenswert. Mit einem einfachen PHP-Snippet können Sie BenutzerInnen von der Standard-Login-Seite auf eine ...
Zur Feier des Tages – zum 400. Beitrag auf dieser Website – wieder mal ein echtes Schmankerl: Wir motzen die Beitragsübersicht im Backend auf und fügen ihr neue Filter hinzu. Das ist überhaupt nicht schwierig.
Keine Inhalte gefunden.
Werbung
