Autor Zpráva
MilanJ
Profil
#1 · Zasláno: 22. 9. 2005, 08:51:38
Odpovědět Citovat
Jak otevřít obrázek pomocí JavaScriptu tak, aby se otevřel v samostatným okně, které bude mít velikost obrázku?

Obrázky mám v různých velikostech a chtěl bych, aby se mi každý po kliknutí otevřel v samostatném okně.
Nejsem zběhlý v JS, proto se ptám, snad se dozvím...

Díky za pomoc.
peta
Profil *
#2 · Zasláno: 22. 9. 2005, 09:49:30
Odpovědět Citovat
MilanJ
www.jakpsatweb.cz - Javascript
- bud priklady
- nebo objekt window open
mackopu
Profil
#3 · Zasláno: 22. 9. 2005, 10:03:50 · Upravil/a: mackopu
Odpovědět Citovat
Do hlavičky dej funkci: 
<SCRIPT language=JavaScript>

function ObrOkno(x,y,title,obr)

{

  win_size_x=x; //horizontální velikost okna

  win_size_y=y; //vertikální velikost okna

  win_pos_x=(screen.width-win_size_x)/2; //horizontální pozice okna

  win_pos_y=(screen.height-win_size_y)/2; //vertikální pozice okna

  setup='width='+win_size_x+',height='+win_size_y+',top='+win_pos_y+',le ft='+ win_pos_x+',scrollbars=no,resizable=yes';

  pop = window.open ("","nove",setup);

  pop.document.write('<head>');

  pop.document.write('<Title>');

  pop.document.write(title);

  pop.document.write('</Title>');

  pop.document.write('</head>');

  pop.document.write('<body topmargin="0" leftmargin="0">');

  pop.document.write('<img src='+obr+'>');

  pop.document.write('</body>');

}

</SCRIPT>

Tu pak volej např. takto: 
<a href="Javascript:Void(null);" onClick="ObrOkno(480,360,'Titulek nového okna','images/obrazek.jpg');"><img border="0" src="images/obrazek_tn.jpg" width="172" height="129"></a>

Z příkladu je patrné, že ve volání funkce je třeba zadat skutečné rozměry obrázku. (V kombinaci s PHP se jeho rozměry dají zjistit automaticky.)
Je to nejlepší co znám, protože funkce se navíc postará o vycentrování nového okna s obrázkem na monitoru a pomocí topmargin a leftmargin je obrázek v okně "nadoraz" bez bílých okrajů.
mackopu
Profil
#4 · Zasláno: 22. 9. 2005, 10:21:00
Odpovědět Citovat
Ještě pozor - le ft= v příkladu má být samozřejmě left=, jen se to tu z nějakého důvodu rozpadá :-\
Meldo
Profil
#5 · Zasláno: 22. 9. 2005, 15:05:09 · Upravil/a: Meldo
Odpovědět Citovat 
<a onclick="javascript:window.open ('cesta/k/obrazku.jpg','nazov_okna','width=100,height=150,top=150,left  =150,scrollbar=yes');">odkaz</a>


dalsie parametre, ktore mozes doplnit za scrollbar:
toolbar, location, directories,status,menubar,resizable,copyhistory - všetky yes/no
Časová prodleva: 12 měsíců
Anonymní
Profil *
#6 · Zasláno: 19. 9. 2006, 11:02:19
Odpovědět Citovat
Nefunguje v Opeře 9.01, je tu někdo další komu to nejde? Obrázek se zobrazí až po druhém najetí stránky, ze které se odkazuje. A po obnovení okna s obrázkem se v okně zobrazí taky ta stránka, ze který se odkazuje. Nebo je chyba jen u mě?
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0