Poprawić okno popup lightbox

Budżet: 2500 UAH Termin: 1 dzień

Dzień dobry, zajmuję się programowaniem od ponad 5 lat, podobne poprawki w szablonach i Javascript to dla mnie standardowe zadanie.

Okno lightbox poprawię tak, aby zdjęcia i strzałki były wyśrodkowane bez przewijania na wszystkich urządzeniach. Po uruchomieniu dodam bezpłatne wsparcie na 2 tygodnie.

Orientuję się na 1-2 dni na wersję roboczą. Dokładną cenę podam po kilku wyjaśnieniach lub w wiadomości prywatnej.

Jakie typy urządzeń są krytycznie ważne do sprawdzenia (mobilne, tablety, desktop)?

Zapraszam do kontaktu!

Budżet: 750 UAH Termin: 1 dzień

Witam! Zapoznałem się z Twoim zadaniem oraz aktualnym stanem strony cn.test25.space. Jestem gotów podłączyć się od razu i całkowicie naprawić wyświetlanie okna modalnego lightbox w ciągu 20 minut.

Jestem deweloperem, specjalizuję się w czystym kodowaniu oraz responsywności między przeglądarkami (HTML5, CSS3, JavaScript). Doskonale znam przyczynę tego problemu: jest związana z nieprawidłowym pozycjonowaniem kontenera okna modalnego oraz brakiem zablokowania przewijania głównej treści strony.

Szybko i jakościowo zrealizuję poprawkę:
1. Zablokuję przewijanie: Ustawię właściwość overflow: hidden dla body przy aktywnym oknie modalnym, aby całkowicie usunąć zbędne przewijanie.
2. Wyśrodkowanie elementów: Przepisałem style kontenera lightbox przy użyciu nowoczesnego pozycjonowania Flexbox/Grid z ustalonymi rozmiarami (100vw/100vh) oraz statusem fixed. Zdjęcia wraz z strzałkami nawigacyjnymi będą wyświetlane ściśle na środku na wszystkich typach urządzeń (komputery stacjonarne, tablety, smartfony).
3. Sprawdzenie kodu: Upewnię się, że zmiany nie wpłynęły na inne skrypty i style strony.

Na koniec cena będzie niższa niż podana, ponieważ obecnie pracuję dla opinii, oceny.

Budżet: 700 UAH Termin: 1 dzień

Gotowy szybko poprawić wyświetlanie Lightbox na twojej stronie cn.test25.space.

Co zrobię:

Poprawię style CSS podkładki i okna modalnego: zdjęcie ze strzałkami ustawię dokładnie na środku.

Całkowicie usunę paski przewijania (scroll) na urządzeniach mobilnych i desktopowych (overflow: hidden + pozycjonowanie fixed).

Budżet: 800 UAH Termin: 1 dzień

Dzień dobry. Przeszedłem pod link, ale teraz strona zwraca 403 Forbidden, więc nie udało mi się bezpośrednio zobaczyć lightboxa. Na podstawie opisu zadania sprawdzę aktualną realizację lightboxa i poprawię pozycjonowanie tak, aby obrazek wraz ze strzałkami pozostawał na środku viewportu bez poziomego ani pionowego scrolla. Osobno sprawdzę blokowanie przewijania strony, maksymalne rozmiary obrazka oraz zachowanie na ekranach mobilnych. Na początek potrzebny jest dostęp do strony lub archiwum z kodem. Proszę również o informację, czy lightbox jest napisany własnym kodem, czy używana jest gotowa biblioteka?

Budżet: 700 UAH Termin: 1 dzień

Dzień dobry! Zapoznałem się z zadaniem. Poprawię wyświetlanie lightboxa, aby otwierał się poprawnie bez pojawiania się scrolli, a obrazki ze strzałkami były wyśrodkowane na ekranie we wszystkich urządzeniach. Proszę napisać w wiadomościach prywatnych, ponieważ mam kilka pytań dotyczących realizacji, używanego kodu oraz samego lightboxa. Dziękuję!

Budżet: 2000 UAH Termin: 1 dzień

Cześć. Wszystko poprawię, a dodatkowo mogę dodać asystenta AI na stronę, podobnie jak w demo, które wyślę ci w wiadomości prywatnej.

Budżet: 1200 UAH Termin: 2 dni

Dzień dobry! Zapoznałem się z zadaniem. Poprawię wyświetlanie lightboxa: usunę przewijanie, wycentruję obraz oraz zapewnię poprawne działanie na wszystkich urządzeniach. Pracę mogę wykonać dzisiaj.

Budżet: 1000 UAH Termin: 2 dni

aV T., widzę problem z lightboxem na wskazanej stronie: treść wychodzi poza ekran i powoduje przewijanie zamiast prawidłowego centrowania. Poprawię zasady CSS dotyczące pozycjonowania i dodam obsługę rozmiarów obrazów w odniesieniu do viewportu, aby zdjęcie zawsze zajmowało dostępną przestrzeń ekranu bez potrzeby przewijania na jakimkolwiek urządzeniu. Proszę, daj znać, czy należy zachować obecną animację pojawiania się okna, czy można ją zoptymalizować dla szybszego renderowania?

Budżet: 5000 UAH Termin: 2 dni

Trzeba umieścić lightbox na środku ekranu bez przewijania na jakimkolwiek urządzeniu.

Zrobię to przez CSS: kontener lightbox otrzyma `position: fixed; inset: 0; display: flex; align-items: center; justify-content: center`, usunę `overflow` na body przy otwarciu przez `overflow: hidden` na html/body. Strzałki umieszczę absolutnie wewnątrz opakowania, aby nie wychodziły poza viewport. Sprawdzę na urządzeniach mobilnych, gdzie `100vh` czasami wchodzi w interfejs UI przeglądarki, i wzmocnię przez `dvh` z fallbackiem.

Sprawdź teraz stronę: czy lightbox już istnieje, czy trzeba podłączyć jakąś bibliotekę, czy to kod niestandardowy?