Efekt lightbox na stronach www

Efekt lightbox na stronach www

Co zrobić aby na twojej stronie www stworzyć tzw. lightbox czyli po kliknięciu myszą na miniaturkę pojawia się powiększenie obrazka na ciemno szarym tle, które zasłania całą stronę. Jest to ciekawy efekt, ładny i do tego ułatwia oglądanie zdjęć. Ma jednak tę wadę że zdjęć tych nie można zapisać na dysk, więc jeśli chcesz żeby oglądający pobierali sobie twoje zdjęcia musisz wybrać inny sposób.

Zależało mi na takim efekcie, żeby nie tworzyć galerii zdjęć lecz umieścić na stronie www jeden obrazek obok opisu. Po kliknięciu na ten obrazek miał się on pojawić powiększony jako lightbox. Jak to zrobić?

Jak założyć sklep internetowy

Nie napiszę ci tutaj jak zarabiać na sklepie internetowym. Specjaliści od ebiznesu mają różne zdania na ten temat. Jedni twierdzą, że jest to najlepszy biznes robiony w sieci, inni zaś że jest to bardzo ciężki kawałek chleba. Bardzo ważne jest zbadanie rynku, znalezienie niszy czyli uzyskanie informacji czego ludzie poszukują i co będą chcieli kupić. Jeśli już masz te informacje, masz założoną firmę itp możesz zainteresować się sprawami technicznymi czyli jak fizycznie założyć sklep w sieci.

Masz do wyboru 2 możliwości:

  • wynająć sklep w serwisie, który takie usługi oferuje. Dostępnych jest wiele serwisów, które oferują wynajęcie sklepu. Nie musisz wtedy fizycznie niczego instalować, zatrudniać freelancera itp. Płacisz miesięczną opłatę i możesz korzystać ze sklepu. Wadą tego rozwiązania jest adres na subdomenie, którzy nie wygląda zbyt profesjonalnie. Niektóre serwisy wynajmujące sklepu dają możliwość podłączenia własnej domeny.
  • zainstalować sklep na swoim hostingu – masz do wyboru różne oprogramowania, większość z nich są to rozwiązania open source czyli darmowe. Najpopularniejsze tego typu oprogramowanie to prestashop, oscommerce. Jeśli jest to mały sklep możesz równie dobrze posłużyć się wtyczka do wordpressa (np. eshop, e-commerce) lub do joomli (virtue mart).

Przezroczystość na stronie www – jak zrobić?

Ciekawym elementem jest przezroczystość, kiedy to pod prześwitującym tłem widać tło które jest pod spodem. Takie efekt jest na moim blogu http://chcesierozwijac.zdrowienatopie.pl/. Pod górnym paskiem i pod głównym tłem strony widać jesienne liście. Zostało to zrobione przy pomocy przezroczystej grafiki png.

Grafika png ma tę zaletę, że można stworzyć przezroczystość, która wygląda ładniej i jest lepszej jakości niż gify. Poza tym łatwiej ją zrobić.  Grafika ma tę wade, ze trzeba ją stworzyć, powiększa ilość zapytań, utrudnia pozycjonowanie. Co najgorsze utrudnia późniejsze zmiany jeśli zawiera tekst, który chcemy zmienić.

Jak zrobić przezroczysty element przy pomocy css?