Erklärung bestimmtes Carousell beim Web-Programming?

Ich habe auf der Website der Stadt München soll eine Diashow gefunden, und interessiere mich dafür wie das gecodet wird. Leider finde ich im Netz nur ähnliche Carousels für JS, aber keines das genau so funktioniert. Hier das ähnlichste Minimal Carousel with horizontal scroll + snap, mobile & mouse friendly (codepen.io) .Daher Frage ich nach ähnlicheren Beispielen und wie diese zu Coden sind. Vielen Dank im Voraus für eure Unterstützung

Bild zum Beitrag

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

JulianOnFire

07.02.2024, 08:31

du musst einen Container für das Karusell erstellen. Den Container füllst du dann mit Elementen, durch die du durchschalten kannst, also ein div oder img Element. Dann brauchst du noch Schaltflächen oder Links, um zur nächsten Folie zu gelangen.

In CSS musst du die Übergange der Folien definieren und in javascript musst du die Logik implementieren, um ein Bild zurück oder vor zu klicken.

Schau mal hier, da sind ein paar beispiele, im ersten ist auch ein Video dabei;

https://programmingduck.com/articles/javascript-carousel

https://skillupwards.com/blog/building-a-carousel-slider-with-javascript-and-css

https://dev.to/coderjay06/how-to-build-a-carousel-from-scratch-531c

Woher ich das weiß:Hobby – Programmierer

Ähnliche Fragen

Zweitsprachige Webseite mit JS?

Ist es besser eine extra Seite für die zweite Sprache meiner Website zu machen also seite.com und seite.com/de, oder wäre es besser, die Texte direkt mit Js zu machen. Also wenn einer mit der Browsersprache Deutsch die Webseite betritt, soll Js es ermitteln und dementsprechend den Text einblenden ohne eine zweite Seite. Was wäre besser

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Kann man Webdesigner werden, ohne Programmieren wie JavaScript oder PHP zu lernen?

...zur Frage

Wie HTML-Datei mit Links verschicken?

Guten Abend,

ich würde gerne wissen, wie ich eine HTML-Datei verschicken kann, die einen Link enthält, welcher zum Beispiel zu einer PDF-Datei führt, die ebenfalls in dem selben Ordner wie die HTML-Datei liegt?

Auf meinem eigenen Computer, auf der ich diese Datei angelegt habe, ist es kein Problem diese Datei zu öffnen und den Links zu den anderen Datein zu folgen, aber wenn ich die HTML-Datei an jemanden anderes verschicke, dann funktionieren diese Links nicht mehr. Mir ist klar, dass das daran liegt, dass die Person die Datein hinter den Link ja nicht hat, aber wie kann ich das lösen, so dass die HTML-Seite wirklich funktioniert?

Habe schon versucht den Ordner komplett zu verschicken, ändert trotzdem nichts daran, dass der Link nicht funktioniert... :(

LG, bin dankbar für jede Antwort. 🙏

...zur Frage

Webentwicklung mit Baukasten oder selber programmiert?

Moin, ich frage mich zurzeit, macht es noch Sinn, eine Website selbst zu programmieren? Also zum Beispiel wenn man eine Restaurant Website oder eine Unternehmenswebsite entwickelt. Also mit zum Beispiel React und so. Oder auch React und ein Headless CMS? Weil viele verwenden ja oft Baukasten Systeme oder Templates. Ist man als Webentwickler noch gut, wenn man selbst programmiert?

...zur Frage

Welches Programm zum programmieren?

Hallo zusammen,
ich wollte mich mal erkundigen, welches Programm ihr zum Code schreiben verwendet.
Derzeit nutze ich nur die Spielwiesen der Programme, mit welchen ich das coden lerne. Allerdings hätte ich ganz gerne auch schon einmal ein richtigen Code-Editior, mit welchem ich dann in der Zukunft arbeiten kann.
Ich suche einen gutes Tool, zum hauptsächlichen bearbeiten von HTML, CSS & JavaScript.
Wenn das Programm zeitgleich noch die Möglichkeit bietet, Python und Java zu programmieren, wäre das umso besser.
Ich freue mich auf eure Empfehlungen und wünsche allen einen schönen Sonntag!
Mfg
Luis

...zur Frage

Welche WYSWYG Editioren sind empfehlenswert?

Suche einen guten und einfachen WYSWYG Editor für HTML, CSS, PHP, JavaScript.

Habe früher Webocton Scriptly genommen, das ist aber auch schon in die Jahre gekommen (neueste Version von 2010). Daher suche ich einen schönen einfachen WYSWIG Editor mit Syntax Highlighting und Autocompletion. Visual Studio Code ist nicht so mein Fall dafür. Vielleicht hat jemand ein paar Empfehlungen für mich.

Gerne für Windows/Linux/MacOS

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

App aus HTML Code?

Hallo,

ich habe einen HTML-Code und möchte diesen Code zu einer IOS App machen. Diese App soll dann auf Schulgeräten installiert werden. Wie kann ich das machen?

...zur Frage

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zur Frage

Mit JavaScript Alter ausrechnen?

Ist es möglich über JavaScript, wenn man das Geburstsdatum eintippt, dass das Alter ausgerechnet wird?

Es soll dann neben stehen: 41 Jahre und 100 Tage

...zur Frage

Carrd.co Button zu neue seite?

Man kann ja bei carrd.co solche Button erstellen und wenn man darauf drückt kommt man zu einer anderen Seite.

Ich habe allerdings sehr oft bei anderen Webseiten gesehen das sie auch solche Button hatten, allerdings führte es zwar zu einer anderen Seite aber trotzdem war es irgendwie die selbe webseite.

Das was ich habe... ich muss bei den Button ein Link eingeben.

Aber muss man wirklich immer wieder eine neue Webseite Seite erstellen oder geht es auch anders? Wenn ja wie?

...zur Frage

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

<link rel="stylesheet" href="style.css">
<?php
$db = unserialize(file_get_contents('data.php'));
if($db == false){
        $db = array();
}
if($_POST['mail'] == ''){
        if($_POST['name'] == ''){
                if($_POST['pass'] == ''){a
                        if(!array_key_exists($_POST['mail'], $db){
                                $db[$_POST['mail']] = [$_POST['name'], []];
                                file_put_contents('data.php', serialize($db));
                        } 
                }
        }
}
?>
<form action="" method="post">
    <center>
        <label for="firma_name" >name:</label><br>
        <input type="text" class="input" name="name" autocomplete="off"><br>
        <label for="produkte">email:</label><br>
        <input type="text"  class="input" name="mail" autocomplete="off"><br>
        <label for="adresse">pass:</label><br>
        <input type="text"  class="input" name="pass" autocomplete="off"><br>
        <input type="submit" class="anmelde_button" value="anmelden">
    </center>
</form>

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

...zur Frage

"textarea" html Feld mitwachsen?

<textarea class="form-control" name="Adresse">{if $pdf}{$values.Adresse|nl2br}{/if}</textarea>

Kann man dieses Feld so schreiben, dass es mitwächst. Das KEIN Scrollbalken kommt, sondern wie schon gesagt mitwächst

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen