Interactive Image Gallery with HTML, CSS and JS
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 55/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- css, html, javascript
Direzione di ricerca
Individua gli entry point HTML, CSS e JavaScript esistenti per la pagina e verifica come vengono visualizzate attualmente le immagini. Implementa la griglia, il popup ingrandito, la navigazione delle immagini, il controllo di chiusura, le animazioni e il comportamento responsive, quindi verifica che tutti i requisiti funzionino su tutte le dimensioni dello schermo supportate.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description:
Build an interactive image gallery where users can view images in a grid layout and click to enlarge them in a popup (lightbox effect).
Requirements:
Display multiple images in a grid layout.
Clicking on an image should open a larger preview in a modal (popup).
Users should be able to navigate between images inside the popup.
Add a close button to exit the enlarged view.
💡 Ensure smooth animations and responsive design!
- Lingua principale
- HTML
- Stelle
- 10
- Fork
- 77
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di CommunityOfCoders/WebGenesis
-
Movie Night PlannerApertaHard Node + Express React
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
-
Hard Node + Express Vite React
Difficoltà 4/5 3-5 giorni Idoneità per principianti 45/100
-
Hard Node + Express Vite React
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
-
Flask Hard React
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
-
Framer Hard React
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
Tutte le issue di CommunityOfCoders/WebGenesis
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
Vanilla-OS/apx-gui#112 ·
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
PhyberApex/slds-json-schema-renderer#371 ·
I maintainer di solito rispondono entro 1 giorno
-
usage: a custom provider's balance meters ("…%" in the balance path) ignore the Left/Used switchAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
I maintainer di solito rispondono entro 1 giorno
-
Live preview renders blank: /api/slide re-serializes SVG as <ns0:svg> (unregistered namespace)Forse già presa @ganeshmshetty l’ha presa oggi. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
hugohe3/ppt-master#323 ·
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
KnifeLemon/Filee#363 ·
I maintainer di solito rispondono entro 1 giorno