Strona używa cookies (ciasteczek). Dowiedz się więcej o celu ich używania i zmianach ustawień. Korzystając ze strony wyrażasz zgodę na używanie cookies, zgodnie z aktualnymi ustawieniami przeglądarki.    X

Flash gallery

Tym razem chciałbym opisać jak szybko i łatwo można zrobić bardzo ładną galerie zdjęć na stronie internetowej. Do tego celu wykorzystamy mały skrypt flash SimpleViewer, który po odpowiednim skonfigurowaniu a następnie wgraniu na serwer będzie wyświetlał nasze fotki w profesjonalny sposób w przeglądarce internetowej.

Widok w przeglądarce

Krok po kroku

Pobieramy program tutaj a następnie rozpakowujemy archiwum. W głównym katalogu programu SimpleViewer znajdują się dwa podkatalogi examples (przykładowa galeria) i web, który najbardziej będzie nas interesował. Następnym krokiem będzie utworzenie miniaturek zdjęć ok. 100x75 pikseli za pomocą programu: Fotosizer, XnView. Miniaturki kopiujemy do katalogu thumbs a zdjęcia w oryginalnej wielkości do katalogu images. Teraz musimy otworzyć plik gallery.xml w edytorze tekstu np. Notepad ++, PSPad i odpowiednio skonfigurować. Polega to na wpisaniu nazw miniatur i oryginalnych zdjęć w odpowiednim miejscu. Nikomu nie powinno to sprawić trudności nawet początkującemu Webmasterowi.

Konfiguracja pliku gallery.xml

imageURL="images/fotka.jpg" - orginał
thumbURL="thumbs/fotka.jpg" - miniatura
{caption}tekst{/caption} - komentarz do obrazka

Przykładowa flash galeria click

Efekt końcowy

SimpleViewer to niezły sposób na zaprezentowanie naszych zdjęć, tapet, obrazków w Internecie. Galeria posiada ładny animowany interfejs na czarnym tle. Wyświetlanie fotek jest bardzo szybkie, efektowne i każdemu powinno się spodobać. Domyślnie obrazek przez nas wybrany pokazywany jest w ramce lub w pełnym oknie przeglądarki internetowej - prawy przycisk myszy. Na koniec jeszcze tylko dodam, że program jest całkowicie darmowy.

Pozdrawiam.


 

Komentarze

0 nowych
Meszuge   16 #1 17.09.2010 11:57

Bardzo sympatyczny pomysł. Teraz tylko cztery pytania:

1. Zakładam, że folderu examples nie trzeba umieszczać na serwerze, ale może się mylę?

2. Zakładam, że plik .html nie musi mieć nazwy index (choćby w takich sytuacjach, gdy galeria ma być częścią innego serwisu), ale może nie mam racji?

3. Czy i ewentualnie jak, można zmieniać kształt i rozmiar strzałek pojawiających się na zdjęciach?

4. W jaki sposób dodaje się i modyfikuje opisy do zdjęć?

Meszuge   16 #2 17.09.2010 12:08

Jeszcze dwa pytania:
a) Do czego służy przycisk "Otwórz w nowym oknie"? Bo wyświetlić obrazka w nowym oknie dzięki niemu mi się nie udało.
b) Czy i jak można zmieniać kolor ramki wokół zdjęcia?

skandyn   9 #3 17.09.2010 12:51

@Meszuge

1. Folder examples to tylko demonstracja programu.
2. Nie ma potrzeby zmieniać nazwy pliku index.html, ponieważ musi się znajdować w katalogu web z pozostałymi plikami. Nazwę katalogu można zmienić na dowolną.
3. Z tego, co widzę strzałek nie da się zmodyfikować.
4. W sekcji {caption} dodajemy tekst do danego zdjęcia.
5. Możliwe, że są wyświetlane w ramce już w swojej maksymalnej rozdzielczości. Czyli jeśli będą większe wtedy będą pokazywać się poprawnie. Mam troszkę wcześniejszą wersje tego programu i na mojej stronie wszystko działa bardzo dobrze.
6. W pliku galery.xml zmieniamy kolor i szerokość ramki, czcionkę itp.
textColor="FFFFFF" – kolor czcionki
frameColor="FFFFFF" – kolor ramki
frameWidth="20" – szerokość ramki

Pozdrawiam.

  #4 17.09.2010 15:30

Wszystko fajnie tylko jest jeden mały bląd. SimpleViewer to NIE program.

Spox5   5 #5 17.09.2010 15:56

Z programem Jalbum szybciej wykona się takową galerię. Szkoda czasu marnować a i efekty ładniejsze.

skandyn   9 #6 17.09.2010 16:01

@TomaszGasior

Dokładnie jest to skrypt składający się z dwóch plików XML + Shockwave Flash Object.

Pozdrawiam.

Meszuge   16 #7 17.09.2010 16:36

Dobra robota Skandyn, teraz informacja jest kompletna. Dzięki.

natus08   7 #8 17.09.2010 22:01

Super skrypt, przyda mi się bardzo :)

Dzięki :)

molexor   7 #9 18.09.2010 11:24

Ja polecam jquery z wtyczkami. Leżejsze rozwiązanie. Nie wymaga flasha. Można to wszystko dowolnie modyfikować za pomocą css i w prosty i przyjemny sposób tworzymy galerię pod siebie, a nie tak jak ktos sobie to wymyślił. Oczywiście skrypt ok. dla kogogoś , kto chce tylko wrzucić parę fotek, ale z drugiej strony od czego są strony dedykowane do tego typu zadań.

floyd   15 #10 18.09.2010 17:57

@molexor
Ubawiłeś mnie kochany z tym :"W prosty i przyjemny sposób tworzymy galerię pod siebie." :) W każdym bądź razie gratuluję, że dla Ciebie jquery to pikuś. :)

Hase   4 #11 19.09.2010 14:56

Program Porta jest w stanie generować galerie SimpleViever automatycznie, wystarczy wskazać katalog (integruje się z menu kontekstowym, konfiguracja z poziomu GUI. Podobnie Digikam na Linuksie.

master_zonk6   7 #12 19.09.2010 21:03

a ja poleca program XnView. Klikamy prawym myszy na folderze z grafikami / wybieramy Przeglądaj w XnView / narzędzia / utwórz galerię internetową. Do wyboru mamy masę szablonów prostych jak i we flashu

skandyn   9 #13 20.09.2010 14:21

@Hase

Dobrze się przy okazji dowiedzieć, że taki program istnieje.

Pozdrawiam.

  #14 20.09.2010 18:09

ja polecam program "PORTA" wspolpracuje on własnie z tym skryptem, ale nie musimy modyfikować w żaden sposób plików, program sam za nas robi całą galerię, my musimy tylko wybrać folder w którym znajdują sie zdjęcia które chcemy mieć w galerii, a następnie wszystko upnąć na serwerek
pozdrawiam;p

  #15 09.10.2010 21:58

Jeśli ktoś zna trochę Angielski to może sobie poczytać tą instrukcję do tej galerii http://www.simpleviewer.net/simpleviewer/support/standard_options.html

  #16 09.03.2011 00:21

Nie tylko na czarnym tle, na dowolnym