[{"data":1,"prerenderedAt":100},["ShallowReactive",2],{"project-\u002Fpl\u002Fprojekty\u002F2025\u002Fsuperauto":3,"project-posts-\u002Fpl\u002Fprojekty\u002F2025\u002Fsuperauto":99},{"id":4,"title":5,"agency":6,"body":7,"compare":46,"cover":47,"date":52,"description":53,"draft":54,"extension":55,"facts":56,"featured":54,"gallery":69,"galleryLead":81,"highlights":46,"image":82,"links":46,"meta":83,"navigation":84,"note":85,"ogImage":86,"path":87,"seo":88,"stack":89,"stem":93,"tags":94,"__hash__":98},"projects_pl\u002Fpl\u002Fprojekty\u002F2025\u002Fsuperauto\u002Findex.md","superauto.pl","Arris Agency",{"type":8,"value":9,"toc":41},"minimark",[10,14,19],[11,12,13],"p",{},"superauto.pl to serwis z ofertami samochodów, także w leasingu. W Arris Agency wprowadziłem w nim sporo zmian, a największą zleconą przebudową było zastąpienie kilku różnych karuzel jedną. Zaproponowałem Swipera – ładuje zdjęcia z wyprzedzeniem i łatwo go edytować – i zbudowałem jeden większy komponent, który zastąpił trzy różne karuzele.",[15,16,18],"h2",{"id":17},"co-się-zmieniło","Co się zmieniło",[20,21,22,26,29,32,35,38],"ul",{},[23,24,25],"li",{},"Jeden wzorzec karuzeli zamiast trzech różnych – łatwiejszy w utrzymaniu i edycji",[23,27,28],{},"Galeria auta z miniaturami jako rozszerzenie wzorca",[23,30,31],{},"Podgląd zdjęć na cały ekran (lightbox) – ta sama karuzela, większe zdjęcia",[23,33,34],{},"Karuzele kafelków z pojazdami i małych ofert – nowe oferty po pobraniu danych doładowują się płynniej",[23,36,37],{},"Zdjęcia ładują się w dwóch krokach: najpierw rozmyty podgląd niskiej jakości w tle, po chwili pełna wersja",[23,39,40],{},"Kafelki z wideo, które przenoszą do sekcji oferty z tym nagraniem",{"title":42,"searchDepth":43,"depth":43,"links":44},"",2,[45],{"id":17,"depth":43,"text":18},null,{"desktop":48,"width":49,"height":50,"alt":51},"\u002Fprojects\u002F2025\u002Fsuperauto\u002Fcar-page.webp",1920,1080,"superauto.pl – strona auta z galerią i miniaturami","2025-03-01","Moja część serwisu – trzy różne karuzele zastąpione jednym komponentem na Swiperze: galeria auta, podgląd na cały ekran i karuzele ofert.",false,"md",[57,60,63,66],{"value":58,"text":59},"1","komponent karuzeli zamiast trzech różnych – jeden wzorzec dla całego serwisu",{"value":61,"text":62},"4","rozszerzenia wzorca – galeria z miniaturami, podgląd na cały ekran, pojazdy i małe oferty",{"value":64,"text":65},"2","kroki ładowania zdjęcia – najpierw rozmyty podgląd, potem pełna jakość",{"value":67,"text":68},"Swiper","biblioteka, którą zaproponowałem – zdjęcia ładowane z wyprzedzeniem i prosta edycja",[70,73,77],{"src":48,"width":49,"height":50,"alt":71,"caption":72},"Strona auta z galerią","Strona auta – galeria z miniaturami, strzałki i licznik zdjęć",{"src":74,"width":49,"height":50,"alt":75,"caption":76},"\u002Fprojects\u002F2025\u002Fsuperauto\u002Fgallery-fullscreen.webp","Galeria na cały ekran","Podgląd na cały ekran – ten sam wzorzec karuzeli, miniatury pod zdjęciem",{"src":78,"width":49,"height":50,"alt":79,"caption":80},"\u002Fprojects\u002F2025\u002Fsuperauto\u002Foffer-carousels.webp","Karuzele ofert","Karuzele ofert – wersje modelu i „Inni też oglądali”, każda karta ma własną małą galerię","Zrzuty z serwisu – kliknij zrzut, żeby go powiększyć.","\u002Fprojects\u002F2025\u002Fsuperauto\u002Fthumbnail.webp",{},true,"Projekt w Arris Agency – pokazuję tylko swoją część serwisu.","\u002Fog\u002Fprojects\u002Fsuperauto-pl.jpg","\u002Fpl\u002Fprojekty\u002F2025\u002Fsuperauto",{"title":5,"description":53},[90,67,91,92],"JavaScript","Twig","SCSS","pl\u002Fprojekty\u002F2025\u002Fsuperauto\u002Findex",[95,96,97],"javascript","swiper","twig","KsukLk8jkGuIrqQES2qhZ-bL8NzNQ8XrUoJ_0TRp2Y0",[],1792530551463]