« 1 2 »
Autor Zpráva
Špunt
Profil *
#1 · Zasláno: 22. 10. 2005, 09:16:52
Odpovědět Citovat
Ahoj, mám opravdu hodně fotografií, které po kliknutí na malý obrázek se zobrazý v novém okně za pomocí tagu target="blank". Co mám za problém? Potřeboval bych tam jednoduše napsat autora a ještě nějaké informace k té fotograffii, která se mi zobrazý v plné velikosti. Jenže nevím jak to udělat, protože bych musel, každou fotografii jednotlivě dělat jako html a to se mi nechce, protože je nich asi čtyři stovky. Představoval bych si to takhle..., když kliknete na ten obrázek, který se zobrazý v plné velikosti v jiném okně s informacemi...
http://www.deniksport.cz/Clanek436021.htm
Špunt
Profil *
#2 · Zasláno: 22. 10. 2005, 09:18:36
Odpovědět Citovat
Konkrétně v odkazu fotografie "Mokrý s Obstem".
igamenir
Profil
#3 · Zasláno: 22. 10. 2005, 10:50:27
Odpovědět Citovat
Zkus se mrknout na téma Jak něco udělat > Pozadí pod fotky. To byl podobný problém.
Špunt
Profil *
#4 · Zasláno: 22. 10. 2005, 11:33:02
Odpovědět Citovat
No, jo, ale z těch 400 fotek potřebuju, tak 100, které budou mít jiného autora a tam se jedná o stejné pozadí na všech fotkách...
Havel-st
Profil *
#5 · Zasláno: 22. 10. 2005, 12:04:09
Odpovědět Citovat
jednou jsem kamarádovi vysvětloval jak javascriptem vygenerovat okno, možná to pomůže:
http://havel3.ralsko.net/downl/jswinop/fotoarch.php

400 fotek není nijak moc, ale kdyby jich mělo být k tisícovce, přemýšlel bych o PHP a databázi
Špunt
Profil *
#6 · Zasláno: 22. 10. 2005, 12:38:50
Odpovědět Citovat
Havel-st: Jo takhle jsem si to představoval, teď to jenom zkusit u sebe, já nikdy javascript nepoužíval, tohle tam má být napsáno?

function zoom(filename, titulek, autor, popis, sirka, vyska){
obraz=window.open("about:blank","_blank","toolbar=0,status=0,history=0 ,"+
"scrollbars=0,resizable=1,width="+sirka+",height="+(vyska+50)+",top=4, left=4");
obraz.document.open("text/html");
obraz.document.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\n");
obraz.document.write("\n<head>\n<title>"+filename+"</title>\n");
obraz.document.write("<style>body { margin: 0; padding: 0; }</style>\n</head>\n<body>\n");
obraz.document.write("<a href=\"javascript:window.close('close')\">\n");
obraz.document.write("<img src=\""+filename+".jpg\"");
obraz.document.write(" width=\""+sirka+"\" height=\""+vyska+"\"></a><br>\n");
obraz.document.write(titulek+"<br>\n"+autor+"<br>\n"+popis);
obraz.document.write("</body>\n\n");
obraz.document.close();
}
Havel-st
Profil *
#7 · Zasláno: 22. 10. 2005, 12:46:01
Odpovědět Citovat
je to jen ukázka řešení, ale jestli to chceš použít, tak:

no, do texťáku a uložit jako: image.js
a do hlavičky ten poslední řádek na stránce, jako odkaz na něj
Špunt
Profil *
#8 · Zasláno: 22. 10. 2005, 13:02:32
Odpovědět Citovat
Já jsem to moc nepochopil v hlavičce mám napsáno: <script language=JavaScript src="image.js" type=text/javascript></script>, pak u toho odkazového obrázku: <a href='javascript:zoom("bristol.jpg", "přístav", "z internetu", "přístaviště v západoanglickém Bristolu", 636, 460)'>
<img src="Images/bristol_s.jpg" width="120" height="86"><br>Bristol</a> . to si pak přepíšu podle svého, ale pak se mi nezobrazí to okno...
Havel-st
Profil *
#9 · Zasláno: 22. 10. 2005, 13:21:17
Odpovědět Citovat
ve skriptu by mělo být jěště kódování stránky, když tam budou popisky,
teď jsem to tam doplnil
Špunt
Profil *
#10 · Zasláno: 22. 10. 2005, 13:33:44
Odpovědět Citovat
Já se olouvám, ale asi jsem natvrdlý. Já vůbec nevim jak to má být. Jestli mám ten skript vytvořit jako nějkaý pojmenovaný soubor, který se mi pak načte jako css, nebo to vepsat přímo do zdrojového kódu, což by mi vyhovovalo víc. Abych řekl pravdu, tak stále nevím jak to má vůbec vypadat zapsané.

Ještě abych upřesnil -> kliknu na maly obrázek -> zobrazý se mi okno a v něm obrázek v plné velikosti a pod ním napsaný autor...
Havel-st
Profil *
#11 · Zasláno: 22. 10. 2005, 13:33:55
Odpovědět Citovat
lepší bude, když si to stáhneš (bez velkého obrázku)
http://havel3.ralsko.net/downl/obrazek.zip
Havel-st
Profil *
#12 · Zasláno: 22. 10. 2005, 13:44:54
Odpovědět Citovat
Velký obrázek je ve stejném adresáři, jako stránka a skript, náhledy ve složce. Jinak na:
http://havel3.ralsko.net/downl/jswinop/index.php
je podrobný popis, co to dělá.
Špunt
Profil *
#13 · Zasláno: 22. 10. 2005, 13:52:25
Odpovědět Citovat
Já totiž nevím kam mám napsat tohle, mezi tag script?:
<script>
function zoom(filename, titulek, autor, popis, sirka, vyska){
obraz=window.open("about:blank","_blank","toolbar=0,status=0,history=0 ,"+
"scrollbars=0,resizable=1,width="+sirka+",height="+(vyska+50)+",top=4, left=4");
obraz.document.open("text/html");
obraz.document.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\n");
obraz.document.write("\n<head>\n<title>"+filename+"</title>\n");
obraz.document.write("<style>body { margin: 0; padding: 0; }</style>\n</head>\n<body>\n");
obraz.document.write("<a href=\"javascript:window.close('close')\">\n");
obraz.document.write("<img src=\""+filename+".jpg\"");
obraz.document.write(" width=\""+sirka+"\" height=\""+vyska+"\"></a><br>\n");
obraz.document.write(titulek+"<br>\n"+autor+"<br>\n"+popis);
obraz.document.write("</body>\n\n");
obraz.document.close();
}
</script>
Havel-st
Profil *
#14 · Zasláno: 22. 10. 2005, 14:32:07
Odpovědět Citovat
I to by šlo a vložít to celé do hlavičky, pak tam ale nedávej ten odkaz.

... jinak to patří do samostatného souboru image.js - jen samotný text, bez tagů <script>
Špunt
Profil *
#15 · Zasláno: 22. 10. 2005, 16:52:22
Odpovědět Citovat
Bohužel mě to stále nejde a vůbec ti nerozumim, mohl by jsi mi prosím napsat jak by to mělo vypadat v hlavičce a navíc se mě nezobrazí ani ten obrázek v plné velikosti a to okno vlastně taky ne...
Špunt
Profil *
#16 · Zasláno: 22. 10. 2005, 16:57:07
Odpovědět Citovat
<head>
<script>
function zoom(filename, titulek, autor, popis, sirka, vyska){
obraz=window.open("about:blank","_blank","toolbar=0,status=0,history=0 ,"+
"scrollbars=0,resizable=1,width="+sirka+",height="+(vyska+50)+",top=4, left=4");
obraz.document.open("text/html");
obraz.document.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\n");
obraz.document.write("\n<head>\n<title>"+filename+"</title>\n");
obraz.document.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\">\n");
obraz.document.write("<meta http-equiv=\"Content-Language\" content=\"cs\">\n");
obraz.document.write("<style>body { margin: 0; padding: 0; }</style>\n</head>\n<body>\n");
obraz.document.write("<a href=\"javascript:window.close('close')\">\n");
obraz.document.write("<img src=\""+filename+".jpg\"");
obraz.document.write(" width=\""+sirka+"\" height=\""+vyska+"\"></a><br>\n");
obraz.document.write(titulek+"<br>\n"+autor+"<br>\n"+popis);
obraz.document.write("</body>\n\n");
obraz.document.close();
}
</script>
</head>

<body>

<a href='javascript:zoom("bristol.jpg", "přístav", "z internetu", "přístaviště v západoanglickém Bristolu", 636, 460)'>
<img src="Images/bristol_s.jpg" width="120" height="86"><br>Bristol</a>


Takhle jsem tě pochopil, ale vlastně ani nevím, kam mám napsat ten velký obrázek....je to pro mě nepochopitelný.
Havel-st
Profil *
#17 · Zasláno: 22. 10. 2005, 17:00:44
Odpovědět Citovat
dyť si to stáhni, o něco výše je odkaz na soubor obrazek.zip, v něm všechno je
Špunt
Profil *
#18 · Zasláno: 22. 10. 2005, 17:13:50
Odpovědět Citovat
To jo, ale já to moc nechápu, vždyť to tam zůstat přeci nemůže, nevím jak to mám udělat u sebe, když je to vše zabalený...
Fred
Profil
#19 · Zasláno: 22. 10. 2005, 17:18:11
Odpovědět Citovat
Špunt
Trochu se snaž, ten odkaz co ti sem dal Havel-st je zatím nejlépe zpracovaná odpověď na tyhle stále dokola opakující se dotazy, a je to tam opravdu polopaticky. Takže se buď trochu snaž, nebo nefňukej, nebuď línej a udělej si odpoledne na doplňování html šablony na 400 fotek.
Špunt
Profil *
#20 · Zasláno: 22. 10. 2005, 17:18:23
Odpovědět Citovat
Navíc by mi to vyhovovalo v té hlavičce...
Špunt
Profil *
#21 · Zasláno: 22. 10. 2005, 17:20:37
Odpovědět Citovat
Fred: Já opravdu línej nejsem, jenže i přesto se v tomhle vůbec nevyznám. Čumim do toho 2 hodiny a zkoušim to a bez výsledku akorát jsem pěkně naštvanej....
Fred
Profil
#22 · Zasláno: 22. 10. 2005, 17:29:58
Odpovědět Citovat
Špunt
Kde máš tu galerii?
Eventuelně můžeš použít http://jalbum.net/
Nebo jiný ofline generátor galerií.
Špunt
Profil *
#23 · Zasláno: 22. 10. 2005, 17:39:19
Odpovědět Citovat
Normálně mám stránky na webzdarma, kde mám galerii...
Špunt
Profil *
#24 · Zasláno: 22. 10. 2005, 17:46:46
Odpovědět Citovat
Můj hlavní problém je, že nevím jak si mám vytvořit ten soubor image.js a vůbec nechápu kde mám napsat ten velký obrázek aby se mě pak zobrazil v tom okně, v tom co jsem si stáhl je tam jen daný, ale nikde ve zdrojáku o něm není žádná zmínka...
Špunt
Profil *
#25 · Zasláno: 22. 10. 2005, 18:10:24
Odpovědět Citovat
Opravdu bych neřekl, že je to dobře vysvětleno, protože ten hlavní obrázek, který se zobrazý v tom okně v plné velikosti, tam není nikde vůbec zapsán ve zdrojovém kódu, tudíž nechápu na jakém principu to vůbec funguje.
Havel-st
Profil *
#26 · Zasláno: 22. 10. 2005, 18:25:11
Odpovědět Citovat
hlavně že to funguje :-)

je přeci v odkazu,
<a href='javascript:zoom("bristol.jpg", "", "", "", šířka, výška)'>
tam se zapisují údaje, které se odesílají do proměnných ve skriptu, v tom pořadí, jak jsou tam (v prvním řádku) vypsané.
Špunt
Profil *
#27 · Zasláno: 22. 10. 2005, 21:20:28
Odpovědět Citovat
Havel-st: Možná jsem to špatně napsal, ale mě to právě stále nejde
<a href='javascript:zoom("bristol.jpg", "", "", "", šířka, výška)'>, mě se v tom okně zobrazý prázdné okno a místo obrázku křížek, akorát nahoře, (jako kdybych zadal tittle je nasáno bristol.jpg), samozřejmě u sebe mám svůj obrázek pojenovaný...
Špunt
Profil *
#28 · Zasláno: 22. 10. 2005, 21:24:35
Odpovědět Citovat
image.js jsem zadal do hlavičky a nemám ho jako soubor..., je možný, že je tam něco špatně.
Špunt
Profil *
#29 · Zasláno: 22. 10. 2005, 21:36:45
Odpovědět Citovat
Prosím zkontroluj: Jinak už nevim...
<script>
function zoom(filename, titulek, autor, popis, sirka, vyska){
obraz=window.open("about:blank","_blank","toolbar=0,status=0,history=0 ,"+
"scrollbars=0,resizable=1,width="+sirka+",height="+(vyska+50)+",top=4, left=4");
obraz.document.open("text/html");
obraz.document.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\n");
obraz.document.write("\n<head>\n<title>"+filename+"</title>\n");
obraz.document.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\">\n");
obraz.document.write("<meta http-equiv=\"Content-Language\" content=\"cs\">\n");
obraz.document.write("<style>body { margin: 0; padding: 0; }</style>\n</head>\n<body>\n");
obraz.document.write("<a href=\"javascript:window.close('close')\">\n");
obraz.document.write("<img src=\""+filename+".jpg\"");
obraz.document.write(" width=\""+sirka+"\" height=\""+vyska+"\"></a><br>\n");
obraz.document.write(titulek+"<br>\n"+autor+"<br>\n"+popis);
obraz.document.write("</body>\n\n");
obraz.document.close();
}
</script>

<body>

<a href='javascript:zoom("fotogalerie/reprezentace/v/128vr.jpg", "přístav", "z internetu", "přístaviště v západoanglickém Bristolu", 286, 479)'>
<img src="fotogalerie/reprezentace/128r.jpg"></a>

</body>


Tohle všechno tam mám nasané ve zdrojovém kódu, nemám tam ještě něco přisat? Nejde mě to.
Havel-st
Profil *
#30 · Zasláno: 22. 10. 2005, 23:03:41
Odpovědět Citovat
Vytvoři jsem adresář a obrázky podle tvého odkazu a funguje to, nemáš obrázek jinde, nebo chybku v názvu?
http://havel3.ralsko.net/downl/jswinop/spunt.html
Téma pokračuje na další straně.
« 1 2 »
Toto téma je uzamčeno. Odpověď nelze zaslat.

0