Lightbox fara JavaScript (CSS)

O pagina arata mai fancy daca anumite sectiuni sunt afisate cu ajutorul unui script Lightbox.

Ce este Lightbox? atunci cand accesezi un link catre o poza, o pagina de logare sau o galerie de poze, toata pagina se inchide la culoare si in centrul paginii va aparea o fereastra deschisa la culoare (de cele mai multe ori alba) in care sunt afisate informatiile pe care le doream. Scriptul Lightbox este creat cu ajutorul limbajului JavaScript, dar ce te faci cand un utilizator nu are Java instalat pe calculator? sau poate vrei ceva mai simplu decat scriptul ala in JavaScript care iti da bataie de cap atunci cand vrei sa editezi ceva.. scriptul pe care il prezint eu azi foloseste doar HTML + CSS.

Asa arata pagina inainte si asa arata pagina dupa.

style.css si lightbox.html

Intrebari?!

Categoria: Tutoriale, Design 

Daca va place acest post, va rog lasati un comentariu sau inregistrati-va la feed pentru a primii ultimele informatii.

Comentarii

Mi-e greu sa ma abtin sa nu fac paralele intre post-ul urmator si acesta.
De ce iti arogi drepturi (authorship) pe care nu le ai? De ce nu publici adresa de unde ai luat toata povestea?
Uite de unde ai luat probabil ideea, HTML-ul si CSS-ul: http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/

Mai sint si altele.

stii tu sigur ca ala a facut scriptul? ma indoiesc. poate si el la randul lui a fost inspirat de altcineva plus ca nu inteleg ce te deranjeaza pe tine in toata “povestea” asta atata timp cat nu am specificat ca e facut de mine si nu mi-am pus link catre site

Nu stiu ca el a facut script-ul, ce stiu sigur e ca NU TU. Iar exprimarea “scriptul pe care il prezint eu azi” spune totul.:)

Multa bafta in continuare.

daca ai fi adus modificari si l-ai fi ficut sa mearga in internet explorer si pe paginile care au scrollbar, ar fi fost ceva … asa, vorba lui bogdan - ti-ai asumat un credit care nu era al tau.

ai testat tu si nu merge pe IE? ce versiune si ce nu merge exact?

scriptul pe care il prezint eu azi foloseste doar HTML + CSS… Asta nu dovedeste nimic, asa ca va sugerez sa va abtineti. Eu nu vad in postul asta decat o prezentare a unui script. Daca scria copyrighted by ddumi sau se lauda ca la facut intelegeam comentariile.

nici nu stiu de ce-mi bat capul cu agramati si cu script-kiddies care habar nu au ce vorbesc!

modul in care este “prezentat” scriptul te face LAME in fata programatorilor. Pentru ca nu ai respectat munca altuia nici macar printr-un link catre sursa de unde ai luat scriptul. In mod sigur iti spun ca nu ai contribuit cu nimic la el, nici macar nu ai avut curiozitatea sa-l testezi bine pe toate browserele si in toate conditiile ca sa vezi daca afiseaza bine. Iti zic eu, pentru ca eu m-am jucat cu el. Dupa ce reusesti sa faci scriptul sa mearga pe IE6 cand ai o pagina cu scroll, mai vorbim. Pana atunci, permite-mi sa te consider n00b script-kiddie !

ah, si inca ceva … scriptul pe care il prezint eu azi foloseste doar HTML + CSS - a fost o discutie monstru pe pagina initiala de unde a originat scriptul, pentru ca de fapt nu este adevarata ca foloseste doar HTML+CSS. Foloseste si javascript, intr-o mica proportine, dar foloseste. Asta asa, ca sa-ti dovedesc ca de fapt, pe langa script, ai copiat/tradus si greseala initiala a autorului !! STUPID !

“scriptul pe care il prezint eu azi” arata faptul ca el prezinta scriptul. Daca un prezentator spune: “vi-l prezint pe Marius Moga” inseamna ca el l-a facut?

Daca nu ai facut tu script-ul, macar prezinti sursa. Chestie pe care autorul n-a avut bun simt s-o faca nici dupa atitea comentarii.

Eu cred ca voi nu puteti sa dormiti noaptea ca nu am pus eu sursa :)) sa fim seriosi.. eu sunt primul si ultimul care a facut chestia asta si trebuie sa faceti revolutie ca sa.. ca sa ce? ca sa va aflati in treaba ca va plictisiti.

CTI97.. frate daca vrei sa te lauzi cat de bun esti.. mergi pe forumuri si ajuta incepatorii. Nu te da zmeu aici ca nu impresionezi pe nimeni, mai ales pe mine.

Si hotii la fel zic: “Ce, frate, sint singuru’ care fura?”.

Esti fantastic. :) Ti se reproseaza o magarie, o recunosti tacit, dar insisti in a o apara.

P.S.:
Dorm foarte bine noaptea. Tu?

foarte bine si eu, ai pus un link in primul comentariu.. nu inteleg ce nu iti convine. Am pus munca ta? mi’am pus watermark ca am facut eu ceva? NU.. atunci ce plm va tot cacati pe voi?

Ok, dupa ce ca esti un hot patetic, mai esti si magar.
La revedere.

O seara buna si multumesc ca ai trecut pe aici sa faci pe politistul si a tot cinstitul. :)

Ai ceva de comentat?!

(camp obligatoriu)

(camp obligatoriu)