wyświetlanie grafiki - tak jak tekstu w funkcji alert (js)

Wszystko związane ze skryptami JS, DHTML itd.
wietrzny
Posty: 3
Rejestracja: 14 sty 2009, 00:39:24
Płeć: Niewybrana
User Agent: IceWeasel Linux 1280x800

wyświetlanie grafiki - tak jak tekstu w funkcji alert (js)

Post autor: wietrzny »

witam mam problem z osiągnięciem jednego prostego efektu mianowicie mam sobie ileś jpegów i robie sobie z miniaturek buttony, następnie chcę żeby po naciśnięciu na button pojawiało się okienko z daną grafiką w pełnej rozdzielczości.
Z góry zaznaczam, że nie znam się na tym, usiłowałem ciupać stronke w htmlu i szukam możliwie prostego rozwiązania. - Nie chcę się porywac na żadne php czy flash bo sobie nie poradzę.

Na razie znalazłem możliwość z ramkami - 2 ramki w jednej miniatury a w drugiej wyświetli się grafika po kliknięciu na miniaturę z pierwszej.
Chcę jednak czegoś bardziej estetycznego - same miniatury i po kliknięciu ma być popup z grafiką.
Czy do tego jakoś modyfikować funkcje alert? Czy jakaś inna konstrukcja?

/edit
znalazłem coś takiego

Kod: Zaznacz cały

<!-- DOCTYPE -->
<html>
<!-- metatagi -->
<head>
<script type="text/javascript" >
function pokazGrafike(url) {
   var a = new Image();
   a.src = url;
   var szerokosc = a.width+10;
   var wysokosc = a.height+10;
     window.open(url,"grafika",'width=' + szerokosc + ',height=' + wysokosc + ',resizable=0, scrollbars=no,menubar=no, scrolling=no' );
}
</script >
</head>
<body>
 <a href="javascript: pokazGrafike('źródło_pliku_graficznego.gif')">Link</a>
</body>
</html>
ale ni jak nie chce mi to działać, gdziekolwiek wstawiam ścieżkę do pliku z grafiką . Gdzie prawidłowo powinienem wpisac tą ścieżkę? I czy musze przerabiać do tego skryptu jpg na gif?
Z góry dzięki za pomoc
Ostatnio zmieniony 30 sty 2009, 19:42:26 przez wietrzny, łącznie zmieniany 1 raz.
monk
Posty: 556
Rejestracja: 11 sty 2009, 12:14:57
Płeć: Niewybrana
User Agent: Firefox Windows 1152x864

Re: wyświetlanie grafiki - tak jak tekstu w funkcji alert (js)

Post autor: monk »

wietrzny
Posty: 3
Rejestracja: 14 sty 2009, 00:39:24
Płeć: Niewybrana
User Agent: IceWeasel Linux 1280x800

Re: wyświetlanie grafiki - tak jak tekstu w funkcji alert (js)

Post autor: wietrzny »

dzięki za link. Usiłuje się przegryźć przez ten program i mam pytanie czy też wszystko musze z jpg konwertować do gifa? Czy da się jakoś bez grzebania w samych zdjeciach to zrobić?
monk
Posty: 556
Rejestracja: 11 sty 2009, 12:14:57
Płeć: Niewybrana
User Agent: Firefox Windows 1152x864

Re: wyświetlanie grafiki - tak jak tekstu w funkcji alert (js)

Post autor: monk »

LOL?! Wystarczy że zainstalujesz LightBox (ściągniesz jego pliki i wkleisz te 3 linijki do skryptu) i wywołujesz tak:

Kod: Zaznacz cały

<a href="zdjeciefull.jpg" rel="lightbox" title="Moje zdjęcie"><img src="zdjeciemin.jpg"></a> 
Gdzie zdjeciefull.jpg to nazwa pełnego zdjęcia które równie dobrze może być PNG, JPG, jak i GIF.
Podpis zdjeciemin.jpg to nazwa miniatury.
Parametr Title określa tytuł zdjęcia pokazywany pod nim.
wietrzny
Posty: 3
Rejestracja: 14 sty 2009, 00:39:24
Płeć: Niewybrana
User Agent: IceWeasel Linux 1280x800

Re: wyświetlanie grafiki - tak jak tekstu w funkcji alert (js)

Post autor: wietrzny »

do tego momentu to w porządku, tylko, że skrypt najpierw robi mi wolne miejsce ze 2 wysokości strony, potem wklaja obrazek i na tym się kończy jego działanie. Nie umiem się przez to przegryźć, żeby wyświetlal tak, jak na stronie przykładu - to jeszcze poszło jak skopiowałem styl, ale jak już się otworzy obrazek porzadnie to nie da się ani zamknąć go ani nic. To wszystko jest w tych stylach dostępnych z lightboxem czy gdzie tego szukać?
ODPOWIEDZ