Unter Berücksichtigung dieser Aspekte kann man nun daran gehen, das Karussell zu erstellen, wobei nur die vier Storys gezeigt werden sollen, die für dieses Beispiel verwendet werden.
Einen Design-Wettbewerb gewinnt man damit noch nicht. Daher sollen die <div>-Elemente etwas ansprechender gestaltet werden, sodass sie wie die gängigen Karussells aussehen:
Das sieht schon besser aus, wird aber kaum richtig rotieren, wenn alle Elemente untereinander angeordnet sind. Um dafür zu sorgen, dass alle <div>-Elemente übereinander liegen, fügt man der Klasse storydiv den folgenden Eintrag hinzu:
position:absolute;
Das führt zu einem großen Durcheinander. Um etwas Ordnung in das Ganze zu bringen, versteckt man einfach die <div>-Elemente mit den IDs story2 bis story4 mithilfe von
display:none
Sie betreffen Windows 10, 11 und Windows Server. In SharePoint Server steckt zudem eine kritische…
Mozilla verteilt insgesamt 16 Patches für Firefox 125 und älter. Zudem entfernt der Browser nun…
Einziger Neueinsteiger ist das Alps-System in der Schweiz. Die weiteren Top-Ten-Systeme aus Europa stehen in…
Im vergangenen Jahr steigt ihre Zahl um 32 Prozent. Die Zahl der betroffenen PC-Nutzer sinkt…
Die App satellite wird künftig Telefongespräche in Echtzeit datenschutzkonform mit Hilfe von KI zusammenfassen.
Als Erweiterung von Master-Data-Management ermöglicht es die Lösung, den Werdegang von Daten verstehen und sie…