Obrázky při tvorbě webu.

miquel11 · Příspěvek od **miquel11** » 11 lis 2011 20:13

Ahoj nevím jestli to patří do tohoto tématu, ale přece jen dám to sem.
Potřeboval bych poradit dělám webovky jen takové zkušební s obrázky a potřeboval bych jak mám udělat, aby když najedu myší na malý obrázek zobrazil větší. Dík za rady.

Příspěvek od **Myloš** » 11 lis 2011 20:22

Řešení bude víc. Přes CSS jako background-image viz třeba můj Běsdiář.
Další řešení nabízí javascript.

Pokud nevíš, jaká slova zadat do vyhledávání, zkus Image zoom mouseover nebo Image zoom hover.

A vhodnější sekce je Programování a tvorba webu – přesouvám.

Příspěvek od **d1amond** » 11 lis 2011 21:36

Marfy: to bylo tvořené v rámci nějaké psychoterapie?? Problémy v dětství, atp...?

Příspěvek od **Myloš** » 11 lis 2011 21:40

d1amond:
Vzhledem k tomu, že v tomto vláknu Marfy nic nenapsal, pak dotaz jemu a) je směřovaný na mě? b) patří do jiného vlákna?

honzaik · Příspěvek od **honzaik** » 11 lis 2011 22:02

zkusil bych tohle například v CSS napíšeš:

Kód: Vybrat vše

 .img {width: 300px; height: 500px} .img:hover{transform: scale(2,4);}

"hover" je u CSS jako onMouseOver, třeba, obrázek zvětší 2x svou šířku a 4x výšku... ale nebo udělat

Kód: Vybrat vše

 .img {width: 300px; height: 500px; margin: 50px} .img:hover{width: 400px; height: 600px; margin: 0px}

... ten margin je tam kvůli tomu že u toho zvětšení ti to posune obsah a to pro mě nevypadá dobře... ten scale je nejlepší řešení ale je málo podporovaný... http://www.w3schools.com/css3/css3_2dtransforms.asp
rozhodně potřebuješ umět CSS v JS by to taky šlo, ale tohle je pro mě jednodušší
add: ten margin je vždy polovina toho o co kolik chceš obrázek zvětšit, jestli ho chceš zvětšit a změnit mu poměr stran tak to pak bych řešil tim scalem nebo přes JS

miquel11 · Příspěvek od **miquel11** » 12 lis 2011 08:19

je to dobré už jsem to vyřešil, ale ještě potřebuju když mám normální obrázek zarovnaný v levo a v pravo okolo tabulky tak mi to nějak blbne protože v moje prohlížeči (Mozzila) je to okolo tabulky v pohodě, ale když to otevřu v jinem PC nebo IE tak je ten obrazek nad tabulkou.

honzaik · Příspěvek od **honzaik** » 12 lis 2011 17:29

IE je strašnej prohlížeč, taky mi v něm spousta věcí nešla, zkus přidje uplně na začátek html dokumentu

Kód: Vybrat vše

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Příspěvek od **Myloš** » 12 lis 2011 17:41

honzaik:
IE – alespoň pro kodéra – dávno není tou zrůdou, kterou býval.
Jistěže to, co radíš, může mít vliv – IE (a nejen on) nebude v quirku, ale jestliže se miquel11 nepokouší o XHTML, proč by ho měl deklarovat? Se stejným výsledkem může použít HTML 401 Transitional s URL:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

miquel11:
To, co ti radí honzaik, má svoji logiku, ale abys nepsal do kódu něco, o čem nevíš, co a proč vlastně udělá, přečti si k danému tématu vysvětlení, co jsou to vykreslovací režimy prohlížečů: http://www.jakpsatweb.cz/css/mody-prohlizecu.html

Příspěvek od **d1amond** » 12 lis 2011 18:12

Myloš píše:d1amond:
Vzhledem k tomu, že v tomto vláknu Marfy nic nenapsal, pak dotaz jemu a) je směřovaný na mě? b) patří do jiného vlákna?

Tobě, pletu si vaše nicky. Obojí na M a nekontroluju to po sobě. Omluva

Příspěvek od **Myloš** » 12 lis 2011 18:33

d1amond:
Pak věz, že nešlo o žádnou psychoterapii – původně to byl sešit, do kterého jsem v průběhu roku zaznamenával tyto malůvky, což byl dárek k vánocům jedněm dětem. Než jsem dárek předal, tak jsem si ho oskenoval a webová podoba vznikla za účelem procvičování CSS.

miquel11 · Příspěvek od **miquel11** » 12 lis 2011 18:40

tak ještě k těm prohlížečum: zkoušel jsem to na Mozzile, Safari a Googlu Chrome to jede tak jak má a na IE a Opeře to blbne

Příspěvek od **Myloš** » 12 lis 2011 19:35

A co ten Doctype? Jesltiže máš stránku v quirku, pak počítej s výrazně odlišnějším chováním napříč prohlížeči.

PC-HELP.CZ

CNEWS

Obrázky při tvorbě webu.

Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.

Re: Obrázky při tvorbě webu.