Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> przeglądarka miniatur z przyciskami - jak zrobić otwieranie zdjęcia w oknie popup?
adam.winter
post 24.10.2009, 09:28:41
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 24.10.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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.

Ten post edytował adam.winter 24.10.2009, 09:30:01
Go to the top of the page
+Quote Post
erix
post 24.10.2009, 13:15:57
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
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ć.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
adam.winter
post 24.10.2009, 14:25:39
Post #3





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 24.10.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
Cog
post 30.10.2009, 13:18:52
Post #4





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 1.06.2009

Ostrzeżenie: (0%)
-----

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.

Ten post edytował Cog 30.10.2009, 14:05:34
Go to the top of the page
+Quote Post
adam.winter
post 30.10.2009, 13:44:08
Post #5





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 24.10.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Czekam z niecierpliwością smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 20.05.2025 - 15:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn