: Home / JavaScript / artykuły / Atrakcyjna galeria foto (AJAX)
Atrakcyjna galeria foto (AJAX)
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Jan Jackowicz-Korczyński   
czwartek, 17 czerwca 2010 14:28

Bardzo ciekawy skrypt  TripTracker generurujący galerię foto i pokaz slajdów napędzany silnikiem Ajax. Wyświetla ilustracje dodane kolejno za pomocą metody add() w obiekcie view

Źródło oraz opis wszystkich, bardziej rozbudowanych parametrów zobacz:  slideshow.triptracker.net/

Skrypt do użycia jest dostępny na licencji GNU nieodpłątnie do użytko osobistego oraz komercyjnego. Opłatę należy uiścić w wypadku zarabiania na jego upowszechnianiu.

Kod i przykład poniżej:

 

<script type="text/javascript" src="http://slideshow.triptracker.net/slide.js"></script>
<script type="text/javascript">
<!--
  var viewer = new PhotoViewer();
  viewer.add('http://vilomedia.eyia.eu/multimedia/foto/cetniewo2009-10/1.jpg');
  viewer.add('http://vilomedia.eyia.eu/multimedia/foto/cetniewo2009-10/2.jpg');
  viewer.add('http://vilomedia.eyia.eu/multimedia/foto/cetniewo2009-10/3.jpg');
  viewer.add('http://vilomedia.eyia.eu/multimedia/foto/cetniewo2009-10/4.jpg');
  viewer.add('http://vilomedia.eyia.eu/multimedia/foto/cetniewo2009-10/5.jpg');
//--></script>
<a href="javascript:void(viewer.show(0))">Slideshow</a>

Zobacz demo: Slideshow

 

Komentarze 

 
0 #3 Patryk yarpo Jar 2011-03-28 01:00
To a propos Ajaksa, zapraszam do serii artykułów poświęconych temu zagadnieniu:
http://www.yarpo.pl/2011/03/06/ajax-kompedium-wiedzy/
Cytować
 
 
0 #2 2010-07-17 18:50
Pewnie tak! Jak zawsze zbrakło czasu na analizowanie kodu.
Ale rzeczywiście, jeśli przemyśleć uważnie, to tablica (array) z namiarami na foto jest w całości zdefiniowania w JS.
Cytować
 
 
0 #1 Patryk yarpo Jar 2010-06-18 15:13
Bardzo ciekawie się prezentuje, choć nie za bardzo widzę tu ajaksa.

Mój firebug nie pokazuje także żadnych asynchronicznyc h requestów... Choć w kodzie są dwa miejsca, gdzie jest rzekomo wywoływane zdalne wołanie. Nie udało mi się jednak ich jakoś wywołać.

AJAX nie znaczy "wszystko co ładnie się podmienia". To bardzo konkretne i sprecyzowane użycie JavaScript - bez przeładowania strony odwołujemy się do serwera (wysyłamy request HTTP). Tu - wg mnie - mamy bardzo efektowny przykład DHTMLa.

Niezależnie jednak czy to Ajax czy DHTML (w sumie często teraz AJAXem nazywa się już wszystko - ot modny skrót:P) rozwiązanie bardzo ciekawe :)
Cytować
 

Dodaj komentarz


Kod antysapmowy
Odśwież