>> Kanały RSS: Magazyny | Darmowe tutoriale
  • >>Tutorial Dreamweaver
  • Powiększanie miniaturek
  • Laura James pokazuje jak wykorzystać bezpłatną bibliotekę PopBox do stworzenia efektu powiększania zdjęć i grafik na swojej witrynie
  • tutorial Dreamweaver
  • Gdy użytkownik przegląda stronę internetową, często chciałby zobaczyć interesujący go produkt w większym zbliżeniu. Dzięki wykorzystaniu przygotowanej przez firmę C6 Software bezpłatnej biblioteki JavaScript — PopBox można to zrobić i elegancko, i łatwo bez wielu dodatkowych zabiegów. Cała biblioteka jest dość potężna, jednak lekka i pozwala przygotować powiększenia bez konieczności opuszczania bieżącej strony lub otwierania dodatkowych okien. Firma twosevenzero wykorzystała tę bibliotekę podczas tworzenia ciekawej strony na zlecenie butiku Nora Does. Efekty można obejrzeć pod adresem www.noradoes.co.uk.

    W tym tutorialu poznamy prosty sposób na zaimpletowanie biblioteki PopBox na stronie internetowej. Co ważne, istnieje wiele dodatkowych metod i właściwości, które z powodzeniem można wykorzystać do budowy efektownych galerii. Twórca biblioteki PopBox, John Reid, udostępnia szczegółową dokumentację na swojej witrynie. Z pewnością adres www.c6software.com/Products/PopBox/documentation.aspx to miejsce, gdzie zatrzymamy się na dłużej, przeglądając pomoc online.

    Laura James
    Laura jest freelancerem i developerem. Pracuje z klientami takimi jak Dune, Herman Miller, Swish Windows czy Oki. Jest także wokalistką zespołu FattyBoomBastic i autorką tekstów. Więcej informacji o niej pod adresem: www.kineticpulse.co.uk

    Umiejętności
    • Wykorzystanie JavaScript
    • Podstawy HTML

    Więcej automatyki
    Jeśli zdecydujemy się wykorzystać bibliotekę PopBox do prezentacji wielu produktów lub budowy galerii, warto rozważyć wykorzystanie pętli języka PHP (lub innej technologii serwerowej). Ułatwi to i zautomatyzuje proces dodawania kodu. Więcej na temat wykorzystania PHP w kolejnych wydaniach Computer Artsa.

    Szybsze ładowanie
    Mimo że PopBox pozwala na użycie tych samych obrazków do tworzenia zarówno miniaturek, jak i pełnej wielkości podglądu, lepiej unikać takiego działania. Wykorzystanie pojedynczej grafiki nieźle sprawdza się w sytuacji, gdy miniaturka i oryginał są podobnej wielkości, jednak w chwili użycia znacznie większych oryginałów już nie. Warto przygotować dwa osobne zestawy plików graficznych, co pozwoli na skrócenie czasu oczekiwania na załadowanie naszej strony.

    Aby samodzielnie wykonać ten tutorial zamów pismo
kup teraz

KOD CA0209
CENA 12,00
ZAMÓW TERAZ!

W każdym wydaniu miesięcznika Computer Arts znajdziesz wiele tutoriali i porad praktycznych.

Zamieszczony obok tekst to wstęp do tutoriala wydrukowanego w numerze 02/09
Fragmenty tutoriali
wybrane z nr. 02/09

>> Dreamweaver

>> Illustrator CS

>> Flash CS3

>> Photoshop



Darmowe tutoriale
z numeru 02/09

>> Photoshop