Curseur d'images HTML CSS JavaScript

712 AmirAliAkrami

Ouvrir dans l'éditeur Publiez votre code

Recommandé

20 September 2025

Démo de feux d'artifice animés CSS Lucioles Tournesol

30 May 2023

Formulaire de connexion/inscription CSS

25 September 2025

Cases à cocher CSS animées avec SVG et JavaScript

HTML

<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Слајдер</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .slider {
            position: relative;
            max-width: 100%;
            margin: auto;
            overflow: hidden;
        }
        .slides {
            display: flex;
            transition: transform 0.5s ease;
        }
        .slide {
            min-width: 100%;
            box-sizing: border-box;
        }
        .navigation {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .button {
            background-color: rgba(255, 255, 255, 0.8);
            border: none;
            cursor: pointer;
            padding: 10px;
        }
    </style>
</head>
<body>

function nextSlide() {
        showSlide(currentSlide + 1);
    }

function prevSlide() {
        showSlide(currentSlide - 1);
    }
</script>

</body>
</html>

Recommandé

Démo de feux d'artifice animés CSS Lucioles Tournesol

Formulaire de connexion/inscription CSS

Cases à cocher CSS animées avec SVG et JavaScript

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS