Curseur d'images HTML CSS JavaScript

36 AmirAliAkrami

Ouvrir dans l'éditeur Publiez votre code

Recommandé

26 October 2024

Modèle de site Web de portfolio de développeur HTML CSS

28 August 2025

Exemple de conteneur d'animation CSS

19 October 2024

Portfolio de développeur HTML V2

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é

Modèle de site Web de portfolio de développeur HTML CSS

Exemple de conteneur d'animation CSS

Portfolio de développeur HTML V2

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS