Click here for free DL of the app version that can save data.

No:39808

←

Prev Next

→

Galeria de celular
Developer User13367｜Date and time 24/1/30 9:01:04
Build time 8.966 sec｜Game capacity 2.509KB｜

Script

Galeria de Celular

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Galeria de Celular</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

h1 {
            margin-top: 50px;
        }

.gallery {
            display: flex;
            flex-wrap: wrap;
        }

.gallery img {
            width: 150px;
            height: 150px;
            margin: 10px;
            cursor: pointer;
        }

.modal {
            display: none;
            position: fixed;
            z-index: 1;
            padding-top: 100px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.9);
        }

.modal-content {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
        }

.close {
            color: #fff;
            float: right;
            font-size: 28px;
            font-weight: bold;
            margin-right: 20px;
            margin-top: -20px;
            cursor: pointer;
        }

.modal-caption {
            color: #fff;
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Galeria de Celular</h1>
    <div class="gallery">
        <img src="pictogram1.png" alt="Imagem 1" onclick="openModal('Imagem 1');">
        <img src="pictogram2.png" alt="Imagem 2" onclick="openModal('Imagem 2');">
        <img src="pictogram3.png" alt="Imagem 3" onclick="openModal('Imagem 3');">

</div>

function openModal(caption) {
            modal.style.display = "block";
            modalCaption.innerHTML = caption;
            // Set the image source dynamically based on the clicked image
            modalImage.src = event.target.src;
        }

function closeModal() {
            modal.style.display = "none";
        }
    </script>
</body>
</html>