zvětšit obrázek do nového okna..help

Zdravím všechny ochotné odpovídat neznalcům a amatérům!

Měla jsem stránky dělané růčo, ale byly takové nedopsané protože jsem se to vlastně učila sama. Pak jsem to zkusila ve Front Page a to to byla hračka. Jenže...nevím jak udělat abych udělala malé náhledy fotek na stránce a po kliknutí se zvětšily do původní velikosti na novou stránku. Když to tak nějak udělám a vyzkouším doma..tak mi to nejde, nové okno se otevře..načítá načítá a nic nenačte..mohl by mi někdo poradit třeba jen tu větu a jak jí správně použít..

Díky moc moc hezký víkend všem!

PS: a žádné automobilové nehody!

Musíš mít dvě fotky, řekněme

fotka.jpg (velká, třeba 800x600 pixelů)
mala_fotka.jpg (zmenšenina velké, třeba 120x80 pixelů)

Soubor nahledy.html:

<a href="zvetsenina.html" target="_blank"><img src="mala-fotka.jpg"></a>

Soubor zvetsenina.html:

<img src="fotka.jpg">

Všechny čtyři soubory nahraješ na web:
fotka.jpg
mala_fotka.jpg
nahledy.html
zvetsenina.html

Nezkoušel jsem, snad tam není překlep.

Přece jen tam překlep je. :-)

<img src="mala-fotka.jpg">

Správně:

<img src="mala_fotka.jpg">

ha, takže mám-li tomu rozumnět, ten nahled co se mi otevře ta velka fotka tak to bude jako nová html a tím jako i odkaz na jinou html...jejda já jak na to koukám tak vlastně vůbec nevím co udělat, ale je mi jasné že to není tak "prosté" jak jsem to dělala já...mohla bych poprosit o podrobnější popis (asi jako pro středního "debila")

to jako že ten odkaz na tu zvětšeninu bude nová html kde bude umistěna jen ta fotka? takže ji vlastně můžu dát i pozadí a nějaký komentář...to je nějaký divný ne? (se ptám sama sebe) bože já jsem asi nechápavá...začež se omlouvám....

a stějně děkuji za tip...zkusím z toho něco vyčíst...

udelas stranku, kde budou nahledy. to znamena, ze si udelas zmenseniny fotek, vytvoris stranku a tam ty zmenseniny naskladas. kazda zmensenina bude odkaz na fotku v plne velikosti. tady mas dve moznosti. bud muzes odkazovat primo na velkou fotku (<a href="fotka.jpg"><img src="mala_fotka.jpg"></a>), to k te velke fotce ale potom nemuzes nic napsat. vyhodou je, ze je to jednoduchy jak pro tebe tak pro uzivatele, ja to mam takhle radsi. druha moznost je pro kazdou velkou fotku udelat zvlast stranku, kde bude jenom ta velka fotka pripadne muzes ke kazde velke fotce pridat popis, nastavit pozadi stranky a dalsi kraviny a taky tam muzes dat odkazy na dalsi a predchozi fotku treba.

ha...začínám to víc pobírat, ale jen mám pocit, že toto jsem zkoušela a za 1). sem mi ta fotka dala do fialového rámečku (mám tak zvolenou barvu odkazu) a když se mi otevíralo to nové okno, tak se tam nic neotevřelo a jen to to otevírání předstíralo...každopádně beru tu lehčí variantu a jsem moc zvědavá jestli se mi to povede..kdybys věděl jak "jednoduše" odstranit ten fialový rámeček...tak budu moc vděčná..stránky mají černé pozadí..viz. stránky

díky díky díky

Fialový rámeček:

<img src="fotka" margin="0">

SUPER...DÍKY DÍKY DÍKY

TED UŽ TO DÁM SNAD NĚJAK DOHROMADY!

PŘEJI VŠEM OCHOTNÝM A CHYTRÝM KRÁSNÝ A SLUNEČNÝ VÍKEDN!

Asi mas rozbitej CAPS-LOCK, nech si zkontrolovat klavesnici.
Fialovy ramecek: <img src="fotka" border="0">, ne margin.

nebo to muzes skusit javascriptem:
<a target="_blank" href="velka_fotka.html" onclick="window.open(velka_fotka.html','_blank','width=800,height=600','menubar=no,top=10'); return false"><img src="mala-fotka.jpg" alt="Náhled"></a>

vysku sirku uprav podle fotky. V souboru velka fotka by byla "jen" fotka. ;)

V souboru velka_fotka.html bych dal asi toto:

<html>
<head>
<title>Fotka</title>
<style type="text/css">
body {margin: 0;padding:0;}
</style>
</head>
<body>
<img src="velky_obrazek.jpg">
</body>
</html>

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

zvětšit obrázek do nového okna..help

Nové příspěvky