Automatický zväčšenie obrázka

Programovacie jazyky, rady, poradňa...
Lights
Medium Expert
Medium Expert
Príspevky: 101
Registrovaný: 24 apr 2011, 19:20

Re: Automatický zväčšenie obrázka

Príspevok od používateľa Lights »

takto som napisal do css width: 100%; height:100%; a nic nezobrazuje
- obrazok mam v css nie v html
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Re: Automatický zväčšenie obrázka

Príspevok od používateľa BX »

Mohol si spozorovať, že už sme niekde úplne inde :) Čítaj túto tému znovu.
likju
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 49
Registrovaný: 02 mar 2012, 17:35

Re: Automatický zväčšenie obrázka

Príspevok od používateľa likju »

Skus si ten obrazok napisat v html ako bolo napisane.

Kód: Vybrať všetko

<img src="obrazok.jpg" width="100%"> 
ak chces tak to width si napis v css to je uz jedno 
img {
       width: 100%;
}
Ked napises iba sirku tak vyska sa prispôsobi, obrazok sa nebude deformovat.
Lights
Medium Expert
Medium Expert
Príspevky: 101
Registrovaný: 24 apr 2011, 19:20

Re: Automatický zväčšenie obrázka

Príspevok od používateľa Lights »

skusil som to ale ziadna zmena
*****HERO*****
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: Automatický zväčšenie obrázka

Príspevok od používateľa *****HERO***** »

daj link na zivu ukazu, pripadne to nahod na http://jsfiddle.net/ , takto sa s tebou asi dalej nepohneme
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Automatický zväčšenie obrázka

Príspevok od používateľa weroro »

BX: On sa ale celú dobu pýta na to, čo som sa vlastne opýtal aj ja. Dá sa obrázku pozadia (background-image) nastaviť veľkosť (či už v pixeloch alebo percentách)? Ty si napísal, že áno a predsa si nakoniec postol riešenie pomocou IMG.
Lights
Medium Expert
Medium Expert
Príspevky: 101
Registrovaný: 24 apr 2011, 19:20

Re: Automatický zväčšenie obrázka

Príspevok od používateľa Lights »

ja ked zmenim velkost obrazka tak mi ho neroztiahne cize tam mozem napisat aj 100000px a stale ten obrazok bude rovnaky

edit. jedine kebyze odstranim background-repeat:no-repeat; ale v tom pripade sa mi bude opakovat obrazok co ja nechcem.
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Re: Automatický zväčšenie obrázka

Príspevok od používateľa BX »

Jáj weroro, ja som ťa zle prečítal, pardon :oops: Nie, o tom teda neviem, že by to šlo. Možno nejak zázračne v CSS3, ale to nech napíše niekto znalý.

Lights, daj živú ukážku toho, čo skúšaš, lebo to riešenie cez tag img a width=hocičo funguje (podľa toho ako to chápem ja)
likju
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 49
Registrovaný: 02 mar 2012, 17:35

Re: Automatický zväčšenie obrázka

Príspevok od používateľa likju »

Ja som ho pochopil tak ze chce aby mu obrazok stale roztiahlo na cele okno.
http://postimg.org/image/cwirjwbpp/
Lights
Medium Expert
Medium Expert
Príspevky: 101
Registrovaný: 24 apr 2011, 19:20

Re: Automatický zväčšenie obrázka

Príspevok od používateľa Lights »

jj presne takto mam na mysli
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Re: Automatický zväčšenie obrázka

Príspevok od používateľa BX »

likju, pridaj tam ešte height="100%", tak som to písal na začiatku.
likju
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 49
Registrovaný: 02 mar 2012, 17:35

Re: Automatický zväčšenie obrázka

Príspevok od používateľa likju »

Lenze on to chce ako je to tu http://www.chc.org.sg/ len bez toho preskakovania obrazkov proste iba ten jeden a usudzujem ze pod ten obrazok bude chciet este nieco pisat.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Automatický zväčšenie obrázka

Príspevok od používateľa weroro »

Tam je to ale riešené pomocou Javascriptu.
likju
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 49
Registrovaný: 02 mar 2012, 17:35

Re: Automatický zväčšenie obrázka

Príspevok od používateľa likju »

Ale ved pisem ze on nechce aby sa mu tie obrazky menili chce iba jeden obrazok ktory bude menit svoju velkost podla velkosti okna.
Lights
Medium Expert
Medium Expert
Príspevky: 101
Registrovaný: 24 apr 2011, 19:20

Re: Automatický zväčšenie obrázka

Príspevok od používateľa Lights »

no teda ja mam script co mi meni obrazky ale neviem ako mam spravit ten obrazok
BX
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4572
Registrovaný: 10 jan 2008, 15:30

Re: Automatický zväčšenie obrázka

Príspevok od používateľa BX »

No hej, a keďže cez css to tu nejak nikoho nenapadá, ja by som to riešil práve tým tagom img a potom normálnym pozicovaním webu v css.
Niečo takéto mám na mysli

Kód: Vybrať všetko

<html>
<head>
<style>
body
{
	margin: 0;
	padding: 0;
}
.main {
	position: relative;
	float: left;
}
.hocico {
	position: absolute;
}
.dalsi {
	width: 100px;
	height: 200px;
	border: 1px solid red;
}
</style>
</head>

<body>
	<div class="main">
		<img src="obr.jpg" width="100%" height="100%">
	</div>

	<div class="hocico">
		AAAAAAAAAAAA
		<div class="dalsi">
		Dalsi text
		</div>
	</div>
</body>
</html>
likju
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 49
Registrovaný: 02 mar 2012, 17:35

Re: Automatický zväčšenie obrázka

Príspevok od používateľa likju »

Vidim ze som to cele zle pochopil :D cely cas zijem v tom ze on chce iba jeden obrazok.

/ S javascriptom uz nepomozem ten este neovladam.

// Lights vyjadruj sa jasnejsie. Co sa neda cez CSS? Roztiahnut obrazok alebo to prehadzovanie obrazkov? Lebo to roztiahnutie obrazka ti tu napisal BX.
Lights
Medium Expert
Medium Expert
Príspevky: 101
Registrovaný: 24 apr 2011, 19:20

Re: Automatický zväčšenie obrázka

Príspevok od používateľa Lights »

cize cez css sa to neda jedine cez script
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Automatický zväčšenie obrázka

Príspevok od používateľa weroro »

likju: A to animovné plynulé prispôsobenie obrázku, keď zmeniš veľkosť okna prehliadača sisi asi nevšimol, že?

BX: Teraz, keď tak spätne uvažujem máš celý čas pravdu. Na tej ukážkovej stránke je to tiež robené cez IMG, ale pomocou JS, ktorý ho tam vkladá.

//autoeditácia príspevku (13 Feb 2014, 22:35)
Lights: Použi BX-ové riešenie http://www.hojko.com/post2065024.html#p2065024



// likju ospravedlňovať sa nemusíš a ani ja som nechcel aby to vyznelo, že útočím.
likju
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 49
Registrovaný: 02 mar 2012, 17:35

Re: Automatický zväčšenie obrázka

Príspevok od používateľa likju »

weroro prepac nevsimol, mam tak slaby PC, ze mi ta stranka seka cize to prisposobenie mi naskoci obycajne bez tej animacie.
Napísať odpoveď