.Animowany i elastyczny CMS-BF9

BF9.0 to silnik 8.5 + Animowany Slider + Moduł formularzy kontaktowych

W tej wersji, od strony silnika czy modelu bazy danych nic się nie zmieniło. Główne funkcjonalności, które zostały wdrożone w nową wersję to animowany slider główny. Został on zrealizowany następująco:
  • Zbudowanie stelarza dla Slidera o wymiarach 1000 x 500.
  • Osadzenie obrazu w wysokiej (jak na stronę WWW) rozdzielczości, zakupionego w serwisie "Stockowym" - 2500 x 1500.
  • Ukrycie obszaru obrazu wychodzącego poza stelarz (overflow: hidden) - ukryte długości 1500 x 1000.
  • Płynne przesuwanie obrazu w stelarzu za pomocą animate(), jQuery - przesunięcia nie mogą przekraczać wartości ukrytych, czyli 1500 x 1000.
  • W niektórych momentach obraz zostaje przybliżany i oddalany.
I tak za pomocą jQuery i animate(), można w prosty sposób zbudować dostkonały efekt na stronę internetową. Gdy pokusimy się o więcej właściwości CSS3 (np. obrót czy cieniowanie dynamiczne), możemy uzyskać naprawdę ciekawe rezultaty. Jednocześnie musimy pamiętać o równowadze między wydajnością a efektami.

Kod źródłowy i baza danych

W bazie danych nastąpiła rozbudowa tabeli odpowiedzialnych za zapis wiadomości z formularzy kontaktowych - pole służące identyfikacji adresata wiadomości.

Live DEMO


2018 - Internet.Media - Damian Krawiec, Zielona Góra, Lubuskie
m@internet.media.pl