छवि स्लाइडर HTML CSS जावास्क्रिप्ट

907 AmirAliAkrami

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

11 September 2025

शूटर गेम HTML5 कैनवास लीडरबोर्ड के साथ

11 September 2025

ईंट तोड़ने वाला खेल HTML कैनवास जावास्क्रिप्ट

22 August 2025

ब्लॉगियम: प्रौद्योगिकी, डिज़ाइन और जीवन ब्लॉग HTML टेम्पलेट

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>

अनुशंसित

शूटर गेम HTML5 कैनवास लीडरबोर्ड के साथ

ईंट तोड़ने वाला खेल HTML कैनवास जावास्क्रिप्ट

ब्लॉगियम: प्रौद्योगिकी, डिज़ाइन और जीवन ब्लॉग HTML टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS