Náhled obrázku v CSS Vyřešeno

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

yela94
nováček
Příspěvky: 30
Registrován: březen 13
Pohlaví: Muž
Stav:
Offline

Náhled obrázku v CSS  Vyřešeno

Příspěvekod yela94 » 25 bře 2013 21:57

Dobrý den, chtěl bych se zeptat jak je možné udělat aby se při najetí kurzoru myši na obrázek ten obrázek zvětšil ... díky za tipy

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Náhled obrázku v CSS

Příspěvekod CZechBoY » 25 bře 2013 21:58

Zdravim,
zobraz malý obrázek a přes javascript buď zmenšený obrázek zvětši do originální podoby nebo tam dej jinej obrázek
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

yela94
nováček
Příspěvky: 30
Registrován: březen 13
Pohlaví: Muž
Stav:
Offline

Re: Náhled obrázku v CSS

Příspěvekod yela94 » 25 bře 2013 22:01

no já jsem začátečník takže tomu co jsi napsal nerozumím :D chtělo by to konkrentnější příklad nebo spíš vzor :D

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Náhled obrázku v CSS

Příspěvekod CZechBoY » 25 bře 2013 22:40

HTML píše:<img src="maly.jpg" onmouseover="this.src='velky.jpg'" onmouseout="this.src='maly.jpg'"/>
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
CrazyC0de
Level 3
Level 3
Příspěvky: 517
Registrován: prosinec 12
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Náhled obrázku v CSS

Příspěvekod CrazyC0de » 26 bře 2013 08:14

Vždyt to tu už jednou bylo, proč jsi zamknul ten topic ?
Vtípek

Alenka v říši divů : <div> <div><div><div><div>ALENKA</div> </div> </div> </div></div>


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 6 hostů