Autor Zpráva
paja
Profil
#1 · Zasláno: 26. 12. 2004, 10:25:44
Odpovědět Citovat
Pořeboval bych poradit. Potřebuji udělat odkaz a to kliknutím na obrázek (to vím jak udělat), jenže bych to navíc chtěl udělat tak, že se mi ten obrázek zvětší např: z 218x155 na 281x200, a ještě k tomu aby se po zvětšení střed obrázku neposunul někam jinak..tak jinak když mám position: absolute; top: 400px; left: 200px; tak aby se mi obrázek posunul po zvětšení na top: 369px; left: 178px. Vše se má odehrát na jedné a týž stejné stránce až po kliknutí skočí na novou stranu. Doufám, že chápete o co se jedná. Pokud si s tím budete vědět rady, byl bych rád, abyste mi odepsali a přiložili možné řešení.
Leo
Profil
#2 · Zasláno: 26. 12. 2004, 11:11:43
Odpovědět Citovat
JavaScript, plus obrazek na pozadi (background-image v CSS) - ve skutecnosti ho nebudete zvetsovat, jen zmenite vyrez, ktery je videt, Leo
Petra
Profil
#3 · Zasláno: 26. 12. 2004, 11:29:16
Odpovědět Citovat
Tu změnu, resp. nezměnu pozice bych dělala tak, že bych ten původní obrázek umístila do nějakého elementu velikosti rovné nebo větší tomu velkýmu obrázku a jeho obsah bych vycentrovala. Ta absolutní pozice by pak nepatřila tomu obrázku, ale tomu obklopujícímu elementu.
Leo
Profil
#4 · Zasláno: 26. 12. 2004, 13:38:52
Odpovědět Citovat
No ja bych pouzil ten background-image, nastavil mu background-position v procentech (50% a 50%) a na onclick menil jenom velikost toho divu, v nemz to bude obrazek na pozadi, a fertig. Pokud teda nevadi, ze se background-image netiskne... Leo
paja
Profil
#5 · Zasláno: 26. 12. 2004, 17:29:13
Odpovědět Citovat
Tak to jo ale chápu z toho kuloví..jsem totální začátečník a na mě musíte laicky...zkuste mi nasat nějaký ten kód..
paja
Profil
#6 · Zasláno: 26. 12. 2004, 17:32:10
Odpovědět Citovat
Jo tak Petřin postup chápu, ale ty ostatní ne, díky Petro...zkusím to.
Leo
Profil
#7 · Zasláno: 26. 12. 2004, 18:36:47
Odpovědět Citovat
Kdyz kod tak kod. V HTML je ho hodne malo:

<div id="obrazek" onclick="zvetsit(400,400,this)">&nbsp;</div>

v CSS trochu vic:

#obrazek {
width: 200px;
height: 200px;
background-image: url(foto.jpg);
background-position: 50% 50%;
}

skutecne rozmery obrazku jsou treba 400px x 400px, tohle z nej ukaze 200px x 200px kolem stredu.

V JavaScriptu:

function zvetsit(sirka,vyska,ramecek) {
ramecek.style.width = sirka+"px";
ramecek.style.height = vyska+"px";
}

Mohlo by to behat i kdyz jak ctu puvodni dotaz tak si nejsem uplne jisty jestli na neho vlastne odpovidam... Leo
paja
Profil
#8 · Zasláno: 26. 12. 2004, 19:11:01 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
Díky Leo, už to mám vyřešené...ale pomohl jsi mi s něčím jiným...dikes
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0