Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: przeglądarka miniatur z przyciskami - jak zrobić otwieranie zdjęcia w oknie popup?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
adam.winter
24.10.2009, 09:28:41
Witam mam następujący js na stronie:

[HTML] pobierz, plaintext 
  1. prev1 = new Image (26,19);
  2. prev1.src = "obrazki/strzalka_lewo.gif";
  3. prev2 = new Image (26,19);
  4. prev2.src = "obrazki/strzalka_lewo_on.gif";
  5.  
  6. next1 = new Image (26,19);
  7. next1.src = "obrazki/strzalka_prawo.gif";
  8. next2 = new Image (26,19);
  9. next2.src = "obrazki/strzalka_prawo_on.gif";
  10.  
  11. /* MAKSYMALNA ILOSC MINIATUREK WYSWIETLANYCH NA STRONIE GŁÓWNEJ - MOZNA WPISAĆ WIĘKSZĄ WARTOŚĆ I DODAĆ LINKI DO ZDJĘĆ - LINKI DO ZDJEC I MINIATUR PONIŻEJ*/
  12. maxPic = 3;
  13.  
  14. /* LINKI DO ZDJEC I MINATUR DO PODGLĄDU NA STRONIE GLOWNEJ */
  15. p1 = new Image;
  16. p1.src = "obrazki/galeria/1_min.jpg";
  17. link1 = "obrazki/galeria/1.jpg";
  18.  
  19. p2 = new Image;
  20. p2.src = "obrazki/galeria/2_min.jpg";
  21. link2 = "obrazki/galeria/2.jpg";
  22.  
  23. p3 = new Image;
  24. p3.src = "obrazki/galeria/3_min.jpg";
  25. link3 = "obrazki/galeria/3.jpg";
  26.  
  27. count = 1;
  28. function next() {
  29. count++;
  30. if (count > maxPic) {
  31. count = 1;
  32. }
  33. eval("document.p.src=p" + count + ".src");
  34. }
  35. function back() {
  36. count--;
  37. if (count == 0) {
  38. count = maxPic;
  39. }
  40. eval("document.p.src=p" + count + ".src");
  41. }
  42. function link() {
  43. location.href=eval("link" + count);
  44. }
[HTML] pobierz, plaintext



Otwarcie zdjęcia duzego na stronie wywoływane jest poprzez:

[HTML] pobierz, plaintext 
  1. <a href="java script:link()"><img name=p src="obrazki/galeria/1_min.jpg"></div>
[HTML] pobierz, plaintext



znajdujący się w tabeli:

[HTML] pobierz, plaintext 
  1. <table border=0 style="background : url('obrazki/okno_male_srodek.jpg') repeat-y; padding : 0 20px 0 15px; height : auto;">
  2. 							<tr>
  3. 								<td align=center width=251>
  4. 									<a href="java script:link()"><img name=p src="obrazki/galeria/1_min.jpg"></div>
  5. 									<table border=0>
  6. 										<tr>
  7. 											<td align="left"><a href="java script:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="obrazki/strzalka_lewo.gif"  width="32" height="18" border="0" name="prev"></td>
  8. 											<td><a href="java script:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="obrazki/strzalka_prawo.gif" width="32" height="18" border="0" name="next"></td>
  9. 										</tr>
  10. 									</table>
  11. 								</td>
  12. 							</tr>
  13. 						</table>
[HTML] pobierz, plaintext




Po kliknięciu na miniaturę zdjęcie w dużym formacie otwiera się w tym samym oknie przeglądarki.

Pomóżcie przerobić mi ten js tak, aby zdjęcie otwierało się w okienku popup.

Ja sobie jakoś nie radze.

Pozdrawiam.
erix
24.10.2009, 13:15:57
Odechciało mi się, gdy zobaczyłem:
[JAVASCRIPT] pobierz, plaintext 
  1. eval("document.p.src=p" + count + ".src");
[JAVASCRIPT] pobierz, plaintext

Poszukaj innego skryptu, tego nawet nie ma sensu przerabiać.
adam.winter
24.10.2009, 14:25:39
Może pomożesz w poszukiwaniach.

Potrzeba mi czegoś takiego:

- wyświetla sie miniaturka zdjęcia;
- i strzałki lewo - prawo, aby zmieniać wyświetlaną miniaturkę na inna;
- po kliknięciu w miniaturkę, wyświetla się zdjęcie w pełnej rozdziałce w oknie popup.

Ja nic nie znalazłem oprócz tego co wkleiłem. sad.gif
Cog
30.10.2009, 13:18:52
jak mi dasz chwilę, to spróbuje coś z tym zrobić.


Edit

CODE

<html>
<head>
<script type="text/javascript">
<!--

function OtworzOkno(the_url)
{
if((parseInt(navigator.appVersion) > 3))
{
var the_window = window.open(the_url, 'the_window', 'height=200,width=200'); //height i width chyba nie musze tlumaczyc.
var screen_height = window.screen.availHeight;
var screen_width = window.screen.availWidth;
var left_point = parseInt(screen_width / 2) - 100;
var top_point = parseInt(screen_height / 2) - 100;
the_window.moveTo(left_point, top_point);
}
else
{
alert("komunikat, kiedy przegladarka nie spelnia wymogow");
}
}


-->
</script>

</head>


<body>

<a href="#" onClick="OtworzOkno('adres_duzego_obrazka')"><img src="adres_miniaturki"></a>


</body>
</html>



Tylko, ze nie masz na stronce, ktora sie pojawia przyciskow. Sprobuje je dodac jakos na dniach.
adam.winter
30.10.2009, 13:44:08
Czekam z niecierpliwością smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.