Slider zdjęć na stronę www

Slajdery to efektowny i popularny sposób na prezentację wielu zdjęć równocześnie lub innego rodzaju zawartości w najbardziej widocznym miejscu strony. Szczególnie ważny jest tutaj atrakcyjny sposób prezentacji strony, ponieważ slajder powinien przyciągać uwagę osób odwiedzających naszą stronę.

Jakie są potrzebne zdjęcia do sliderów?

Bardzo często projektując stronę stosuję slider umieszczony na samej górze patrz przykład

Chcąc zachować takie proporcje, potrzebuję zdjęć mających stosunek szerokości do wysokości z grubsza 3:1, czyli inaczej mówiąc rozdzielczość np. 6000 X 2000 px, które po zmniejszeniu do 1000 X 333 px wstawiam spokojnie do slajdera (tak jak w podanym przykładzie).

Większość średniej klasy aparatów fotograficznych nie wykona zdjęć o takich proporcjach, gdyż jest to zazwyczaj stosunek boków 3:2, 4:3 lub zbliżone.

W celu rozwiązania tego problemu możemy skorzystać z darmowych bądź płatnych tzw. banków zdjęć (za płatne fotki płaci dodatkowo Klient), gdzie znajdziemy o odpowiedniej dla nas wielkości i tematyce fotografię - robię to sam w ramach opłaty za stronę, jeśli Klient tego sobie życzy.

Jeśli jednak zależy nam na wstawieniu własnych zdjęć, to opcjonalnie należy:

1. Zatrudnić profesjonalnego fotografa z odpowiednim do zadania sprzętem.
2. Zakupić (jeśli nie mamy) aparat fotograficzny wysokiej klasy spełniający powyższe kryteria ;-)
3. Zastosować funkcję do robienia zdjęć panoramicznych - jeśli mamy taką w aparacie, przez co uzyskamy odpowiedni rozmiar zdjęcia.
4. Zrobić zwykłym cyfrowym aparatem zdjęcia samemu we własnym zakresie w taki sposób, aby można je było połączyć w jedną panoramiczną fotografię. Jak coś takiego uzyskać?
   Czytaj poradnik nr 1
   
   Czytaj poradnik nr 2 
   Połączenia zdjęć podejmuję się dokonać samemu w ramach opłaty za stronę, jednak muszą one spełniać opisane w poradnikach kryteria - z pustego, to i Salomon nie naleje:-)

Wybór slidera

Jeśli Klient nie życzy sobie inaczej, to standardowo na stronę wstawiam slider firmy Offlajn – Creative Layer Slider, czyli slider wielowarstwowy. Wszystko w ramach jednej ceny za usługę.

Creative Slider to bodajże obecnie najbardziej zaawansowany technologicznie, najwyższej klasy slajder wielowarstwowy w Polsce i na świecie. Może on służyć do tworzenia galerii zdjęć, pokazu slajdów z rozmaitymi efektami, wyświetlania filmów z YouTube lub nawet do projektowania całych stron wraz z umieszczeniem w nim artykułów.

Creative Slider ma piękny i łatwy w użyciu interfejs administracyjny z obsługą nowoczesnych funkcji, podgląd w czasie rzeczywistym, widok osi czasu, czcionki Google i wiele innych zalet. Jest przyjazny dla urządzeń dzięki obsłudze trybu responsywnego, czyli poprawnie jest wyświetlany na komputerze, tablecie, telefonie komórkowym itd.

Slider ten zawiera ponad 200 gotowych przejść 2D i 3D oraz 19 wbudowanych skórek. Cretive Slider oferuje mnóstwo opcji pozwalających w pełni dostosować wygląd i zachowanie pokazu slajdów w najdrobniejszych szczegółach.

  Główne cechy:

• w pełni responsywny,
• ponad 200 przejść 2D i 3D,
• nieograniczona ilość warstw z obrazem, wideo, dźwiękiem, tekstem lub niestandardową treścią HTML,
• możliwość tworzenia własnych typów przejść jednego zdjęcia w drugie,
• warstwy mogą przesuwać się, ściemniać, obracać (w 2D lub 3D), skalować, pochylać lub nawzajem się mieszać,
• opcjonalny efekt paralaksy na warstwach,
• łatwy w użyciu z filmami lub audycjami YouTube, Vimeo lub HTML5,
• automatyczne odtwarzanie filmów i audio (opcjonalnie),
• pokaz slajdów z tłem wideo,
• przyjazny dla SEO,
• bardzo szczegółowa dokumentacja wraz z przykładami,
• edytor WYSIWYG z podglądem pokazów w czasie rzeczywistym,
• tworzy pokazy slajdów za pomocą nowoczesnych technik, takich jak przeciąganie i upuszczanie,
• widok osi czasu,
• wstrzymanie pokazu slajdów po najechaniu kursorem,
• opcja nawigacji dotykowej na urządzeniach mobilnych,
• nawigacja za pomocą klawiatury dla pokazu slajdów.

Pod podanym linkiem można sprawdzić, jakie możliwości stwarza używany przeze mnie slider Creative Slider
Po otwarciu strony proszę korzystać z menu bocznego.

Poniżej kilka wybranych przykładów, jakie oferuje Creative Slider.

Po kliknięciu w zdjęcie zostaniemy przeniesieni na stronę firmy Offlajn. Proszę strony przewijać w dół – wszystkie te efekty z tekstem i zdjęciami są zaprojektowane również przy użyciu tegoż slidera.