Tworzenie Karuzeli 3D z użyciem reveal.js

Chciałbym przedstawić wami mój pomysł utworzenia karuzeli 3D w programie WWB. Ten poradnik jest właśnie przeznaczona dla inspiracji i jestem pewien, rozwiązanie może nie jest idealne , ale przy odrobinie kreatywności można zastosować go na rzeczywistej stronie internetowej. Temat jest przeznaczony raczej dla użytkowników bardziej zaawansowanych, którzy zaznajomieni są narzędziem Karuzela jeśli nie to proszę w pierwszej kolejności przeczytać ten poradnik : ./carousel.html
Krok 4 - Dodajemy dodatkowy kod do strony.
Dodaj obiekt <HTML> na stronę skopiuj i wklej ten kod kod (pomiędzy tagami HEAD):
Powyższy kod spowoduje wyłączenie standardowego skryptu Karuzeli i przygotuje slajdy dla reveal.js
reveal.js ma wiele innych opcji konfiguracyjnych, więc sprawdź dokumentację aby zaznajomić dokładniej ze szczegółami.

Ważne: sprawdź wartości: szerokość i wysokość (w Reveal.initialize) w celu dopasowania do rozmiarów obiektu Karuzela!

Projekt Demo
Poniżej znajdziecie zmodyfikowaną wersję projektu 'Carousel Full Width' (Karuzela pełnej szerokości) , który demonstruje wykorzystanie reveal.js.
Uwaga:w demie jest problem z widocznością całej strony.Droga na skróty.Otwórz plik 'reveal.min.css' (w folderze 'css')
Krok 3 - Dodajemy obiekt Carousel
Dodaj obiekt Karuzela na stronę  i upewnij się, że tryb jest ustawiony na "Effect-fade '! Choć efekt ten nie będzie używany ale przygotowuje "grunt" dla reveal.js!
Czym jest reveal.js?
reveal.js to frameworkiem do łatwego tworzenia pięknych prezentacji z wykorzystaniem HTML z przejściami CSS3 w 3D.
Możesz dowiedzieć się więcej o tym więcej tutaj: http://lab.hakim.se/reveal-js/

Do  prezentacji reveal.js korzysta z tak zwanego "pokazu slajdów" . W tym tutorialu postaramy się zmienić działanie  "Carousel" wygenerowanej przez standardowe narzędzie Karuzela. Potrzebujemy użyć tylko kilka linii kodu aby przekształcić go w prezentację reveal.js .
Krok 1 - Pobieramy reveal.js
Pobierz najnowszą wersję z tej lokalizacji: http://github.com/hakimel/reveal.js
Rozpakuj pliki do folderu na dysku lokalnym.

Krok 2 - dodajemy skrypty i pliki reveal.js do swojej strony internetowej.
Dodaj obiekt Opublikuj Pliki do swojej strony. Otwórz właściwości i dodaj następujące foldery z rozpakowanego archiwum reveal.js klikając Dodaj Folder, wskaż folder na dysku (
Uwaga w polskiej wersji oficjalnej był błąd być może jest nadal, naciskamy drugi przycisk od góry czyli w błędnej wersji będzie to 'Usuń). Na zrzucie poniżej (sm_polisch.lng) jest prawidłowo.
Demonstracja:
./carousel3d/index.html

Projekt Demo (wymaga wersji 9.2 lub wyższej):
http://www.wysiwygwebbuilder.com/support/carousel3d/carousel3d.zip







na podstawie : http://www.wysiwygwebbuilder.com/carousel3d.html
I zamień na:
znajdź:


Dodaj następujące foldery wraz z zawartością:
- Folder css
- Folder js
- Folder lib
Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017