ďťż

Galeria zdjęć z podglądem i możliwością edycji z poziomu przeglądarki PHP, Java, etc...

       

Podstrony


telcocafe

witam
poszukuję skryptu galerii zdjęć, którą można by wstawić na stronę www, która po najechaniu na miniaturkę pokazywała by pełny podgląd, oraz co ważne aby można było dodawać i kasować fotki z poziomu przeglądarki www. Znalazłem kilka skryptów, ale albo nbie oferowały podglądu, albo nie było opcji edycji przez przeglądarkę. Fajnym efektem jest kiedy się klika na fotkę i fota otwiera się na całej stronie a tło robi się ciemne, choć jak już wspomniałem najważniejszą funkcją jest obsługa przez przeglądarkę. Może ktoś już stosował podobne rozwiązania i może coś polecić ??
Pozdrawiam




Fajnym efektem jest kiedy się klika na fotkę i fota otwiera się na całej stronie a tło robi się ciemne
To się nazywa lightbox i jest banalnie proste w implementacji - jeśli masz galerię w której po kliknięciu otwiera się goły plik z obrazkiem dodanie lightboxa to kwestia wklejenia kilku linijek javascriptu.


To się nazywa lightbox i jest banalnie proste w implementacji - jeśli masz galerię w której po kliknięciu otwiera się goły plik z obrazkiem dodanie lightboxa to kwestia wklejenia kilku linijek javascriptu.
tak znalazłem lightboxa, aczkolwiek najważniejszy dal mnie jest skrypt galerii, z możliwością zarządzania przez przeglądarkę, następny problem, to taki że OK skryptów jest wiele, lecz jak po dodaniu jakiegoś obrazka z poziomu przeglądarki dodać sam kod javascript lightbox ?? chyba jest to nie możliwe, bynajmiej tak mi sie wydaje, a skryptu galerii która by miała już zintegrowany taki efekt lub podobny, jakoś znaleźć nie mogę...


lecz jak po dodaniu jakiegoś obrazka z poziomu przeglądarki dodać sam kod javascript lightbox ?? chyba jest to nie możliwe, bynajmiej tak mi sie wydaje, a skryptu galerii która by miała już zintegrowany taki efekt lub podobny, jakoś znaleźć nie mogę...
Jest możliwe i do tego bardzo proste.
Załóżmy, że masz galerię, która wyświetla listę obrazków, a po kliknięciu w miniaturkę otwiera się plik jpg - w htmlu wygląda to mniej więcej tak:
<a href="obrazek.jpg"><img src="miniaturka_obrazek.jpg" /></a>
Oczywiście mogą być jakieś dodatkowe atrybuty, ale to niewiele zmienia.

Najprościej będzie użyć lightboxa opartego na jQuery - np. fancyboxa( http://fancybox.net ), ściągasz jQuery, ściągasz fancyboxa, do źródła strony z galerią w sekcji head dorzucasz odwołanie do pliku .js z jQuery, fancyboxem i css, który jest dołączony do fancyboxa.

Potem poniżej dopisujesz:
<script> $(document).ready( function(){ $('img').parents('a').fancybox(); }); </script>
I masz dorobiony potrzebny efekt. Ot cała filozofia.
Użytkownik someone edytował ten post 27 marzec 2010, 00:37
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.