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 eine neue Website aufbauen werden Sie zweifelsohne oft im CSS-Stylesheet unterwegs sein und Anpassungen vornehmen. Praktisch wäre es, wenn Sie da eine Übersichtsseite mit den gängigsten Darstellungen hätten. So sehen Sie am besten, wie ...
Wenn die Wiedergabe eines Videos im Divi-Videomodul beendet ist, schlägt YouTube standardmässig verwandte Videos an. Diese sind dazu gedacht, Ihre User zu anderen Kanälen zu führen. Das wollen Sie aber vermutlich nicht. Darum: Hier die Lösung ...
Der Divi-Button lässt sich auch verwenden, um Module auf der Divi-Website per Klick anzuzeigen oder zu verbergen. Dasselbe funktioniert auch mit Zeilen oder ganzen Sektionen. Wie Sie dies einrichten und umsetzen, zeigen wir Ihnen hier.
Ab und an verwenden wir in WordPress Custom Post Types oder Custom Taxonomies, die wir bloss als Teil der Beiträge verwenden. Sie sollen nicht auf einer Übersichtsseite landen und sie sollen keine Postseiten generieren. Ohne Zutun landen sie ...
Keine Inhalte gefunden.