ďťż
Podstrony
|
telcocafewitamposzukuję 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 |
|||
Sitedesign by AltusUmbrae. |