Wykorzystanie jQuery do przygotowania zwykłej strony internetowej

jQuery

JavaScript nie jest najłatwiejszym z języków do nauki. Wielu programistów internetowych, którzy rozumieją standardowy HTML, jest przez niego dość onieśmielonych. Nowy rodzaj frameworków JavaScript istnieje już od jakiegoś czasu i zaczyna szybko pojawiać się w sieci.

Wszystkie nowoczesne przeglądarki mogą wydajnie uruchamiać JavaScript (niektóre ostatnie modyfikacje Firefox jednak naprawdę przyspieszyli silnik). Gorąco polecam pobranie i używanie Firefoksa - wtyczki tylko czyni to bezcennym.

jQuery to framework JavaScript, z którym ostatnio coraz częściej eksperymentuję. Kiedy umieściłem element zastępczy dla nowego startupu, nie mieliśmy wystarczającej ilości treści na pełną witrynę, ale chcieliśmy utworzyć ładną stronę, która opisywałaby, co nadchodzi. Chcieliśmy to zrobić w kilka minut!

jQuery załatwił sprawę.

Wyszukaj jQuery + praktycznie wszystko, a przekonasz się, że programiści stworzyli gotowe rozwiązania, zwane wtyczkami! W tym przypadku wyszukałem hasło „jQuery carousel” i znalazłem fantastyczny, wszechstronny Rozwiązanie karuzeli jQuery na Dynamic Drive.

Kolejną fajną rzeczą dotyczącą jQuery jest to, że jest kod jest teraz obsługiwany przez Google. W rezultacie nie musisz przesyłać jQuery na swój własny serwer, ani czytelnicy Twojej witryny nie muszą go za każdym razem pobierać. Jeśli odwiedzili jedną witrynę z odniesieniem do jQuery, jest ona automatycznie zapisywana w pamięci podręcznej do użytku z Twoją witryną!

Po prostu dodaj kod w tagu head i zacznij działać z jQuery:


Aby uruchomić karuzelę, musiałem przesłać i odwołać się do skryptu stepcarousel:


Potem modyfikacja strony była prosta! Umieściłem karuzelę w nazwie div moja galeria i pasek Panele w obrębie elementu div o nazwie pas. Następnie dodałem mały fragment kodu ustawień w tagu body.

Możesz trochę dostosować akcję. W tym przypadku zmodyfikowałem skrypt, aby uruchamiał się automatycznie po załadowaniu strony. Dostosowałem prędkość i czas wyświetlania każdego panelu, a także przyciski do ręcznego obracania paneli w lewo iw prawo. Kolejna fajna funkcja tej wtyczki - kiedy dojdziesz do ostatniego panelu, to przewija się wróć do pierwszego!

Jeśli boisz się programowania lub JavaScript onieśmiela, jQuery może być rozwiązaniem dla Ciebie. W większości przypadków wystarczy skopiować i wkleić odniesienia do plików, edytować kilka ustawień, poprawnie ustrukturyzować stronę… i gotowe.

Komentarze 3

  1. 1

    Obecnie przebudowuję moją witrynę i zamierzam uruchomić ją w ten weekend, jeśli wszystko pójdzie dobrze. Używam jQuery w kilku aspektach i jak dotąd nie mam żadnych skarg. Wszystko wydaje się emanować wrażeniem „web 2.0” i miejmy nadzieję, że będzie to tylko dopełnienie gotowej witryny.

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.