Tworzymy strony WWW bo lubimy :)

Gridmedia Slider Polish Gallery 0.5 jest darmową, prostą w użyciu i stosunkowo elastyczną galerią napisaną w javascript przy użyciu biblioteki mootools.

Download

Demo

Galeria działa pod takimi przeglądarkami internetowymi jak Firefox, Internet Explorer 6 i wyżej, Opera i Safari.

Gallery works under web browsers such as Firefox, Internet Explorer 6 and above, Safari and Opera.

Posiada ona następujące parametry:

Parameters of Gallery:

• width - szerokosć dużego zdjecia / width of big photos
• height - wysokość dużego zdjęcia / height of big photos
  
• min_photo_width - szerokość małego zdjęcia / width of small photos
• min_photo_height - wysokość małego zdjęcia / height of small photos
• id_main - id DIVa do którego zostanie załadowana galeria (duże zdjęcia) / DIVs id is loaded into the gallery (big images)
• id_list - id DIVa w którym zdefiniowane są zdjecia galerii (zwróć uwagę, że wewnątrz niego znajduje się jeszcze jeden DIV a dopiero w nim znaczniki A i IMG) / DIVs id which are defined in the galler
• image_url - ścieżka do katalogu ze zdjęciami / path to images directory
• autoPlay - określa czy po załadowaniu strony galeria ma się automatycznie odtwarzać (true/false, domyślnie false) / autoplay (true / false, default false)
• speed - określa prędność automatycznego zmieniania się zdjęć / playback speed
  
• tooltips - określa czy po najechaniu myszką na małe zdjęcie ma się pojawiać jego podpis zdefiowany we właściwości rel znacznika A (true/false, domyślnie false) / tooltips (true / false, default false)

Kod HTML galerii może wyglądać w następujący sposób:

Uwaga - małe zdjęcia muszą mieć taką samą nazwę jak duże a jedynie poprzedzone przedrostkiem min_.

Kod Java Script galerii, który trzeba umieścić poniżej kodu HTML galerii może wyglądać tak:

var gridmedia_slider = new gridmedia_gallery({
    width: 500,
    height: 338,
    min_photo_width: 100,
    min_photo_height: 68,
    id_main: 'gridmedia_main',
    id_list: 'gridmedia_list',
    image_url: 'photos',
    autoPlay: true,
    speed: 3000,
    tooltips: true
});

Działajace demo galerii można obejrzeć klikając w obrazek poniżej:

Działający skrypt galerii wraz z przykładem jego użycia można pobrać klikając tutaj - Gridmedia Slider Polish Gallery 0.5