Das entscheidende Merkmal eines Karussells ist der rotierende Content. Um diesen Effekt zu erzielen, braucht man nur ein paar einfache CSS-Tricks anzuwenden, welche die <div>-Elemente anzuzeigen und zu verbergen. Hierzu dient der folgende Code:
In den Body-Tag ist Folgendes einzutragen:
<body onload="autorot()">
Wenn die Seite geladen wird, ruft sie die Funktion autorot auf, die wiederum die Funktion showNext aufruft und dann einen Timeout setzt, der sich selbst nach 3,5 Sekunden erneut aufruft. Auf diese Weise bleibt das Karussell in Bewegung.
Die Methode showNext legt nur fest, welche Story angezeigt werden soll, und übergibt diese an die Funktion rotateDiv, wo die eigentliche Action stattfindet. rotateDiv sucht alle <div>-Elemente, die Kinder des storyContainer->div< sind, und setzt ihre style.display-Variable auf "none", sofern es sich nicht um die anzuzeigende Story handelt. In diesem Fall wird der Wert auf "block" gesetzt.
Damit hat man ein funktionierendes Karussell, das aber weder besonders schön noch benutzerfreundlich ist. Das soll nun geändert werden.
Vernetzte Produkte müssen laut Cyber Resilience Act über Möglichkeiten zur Datenverschlüsselung und Zugangsverwaltung verfügen.
Das jüngste Update für Windows, macOS und Linux stopft drei Löcher. Eine Anfälligkeit setzt Nutzer…
Zwei von Google-Mitarbeitern entdeckte Schwachstellen werden bereits aktiv gegen Mac-Systeme mit Intel-Prozessoren eingesetzt. Sie erlauben…
Die Hintermänner haben es unter anderem auf Daten von Facebook-Geschäftskonten abgesehen. Opfer werden über angebliche…
Bis 2027 werden 90 Prozent der Unternehmen eine Hybrid-Cloud-Strategie umsetzen.
Apple belegt in der Statistik von Counterpoint die ersten drei Plätze. Samsungs Galaxy S24 schafft…