Autor | Zpráva | ||
---|---|---|---|
PetrPetr Profil * |
#1 · Zasláno: 6. 12. 2010, 14:14:14
Zdravím, stavím e-shop na Joomle, používám tedy Virtuemart, ale můj problém je banální, potřebuji změnit velikost obrázku u zboží na miniaturu, potřebuji aby byl asi tak o 1/3 menší.
Problém je, že když v css zadám vlastnost pro img width:66%; height66%; tak se to chová u každé položky jinak, někdy se obrázek zmenší jen o kousek, někdy se zas zvětší, nevím totiž z čeho se počítají ty procenta, myslel jsem že když se jedná o obrázek, tak se procenta počítají z rozměrů obrázku, ale zřejmě se počítají z nějakého nadřazeného prvku. Je to banalita, ale už si s tím nevím rady, děkuji za případné odpovědi. |
||
Taurus Profil |
#2 · Zasláno: 6. 12. 2010, 14:22:12
Měnit rozměry obrázku v prohlížeči namísto před nahráním, za to bych věšel. Promiň.
|
||
PetrPetr Profil * |
#3 · Zasláno: 6. 12. 2010, 14:28:14
Taurus:
Vím, pro mě je to jediná možnost, jsem omezen redakčním systémem, navíc obrázky jsou samy o sobě malé a ve formátu gif. |
||
Trejpa Profil |
#4 · Zasláno: 6. 12. 2010, 16:34:13
PetrPetr:
„nevím totiž z čeho se počítají ty procenta“ Ta procenta se počítají z velikosti dostupného místa dané obalujícím blokem. Rozměr v procentech doporučuji nastavit jen jeden (obvykle šířku) a druhý si prohlížeč sám proporcionálně dopočítá. |
||
PetrPetr Profil * |
#5 · Zasláno: 6. 12. 2010, 18:40:10
Trejpa:
Aha, jenže já mám problém, že ten obalující blok je asi pokaždé jiný, protože se to chová v každém případě jinak. Nejde nějak zařídit, aby se to počítalo z velikosti obrázku? Díky. |
||
Trejpa Profil |
#6 · Zasláno: 6. 12. 2010, 23:02:23
PetrPetr:
Poměr k původní velikosti obrázku lze zajistit javascriptem. Buď projedeš všechny obrázky pomocí nějaké funkce po jejich jménech/ID: <img src=obrazek.gif id=obrazek> <script> function zmensi(co,okolik) {document.getElementById(co).width=Math.round(document.getElementById(co).width*okolik);}; /* spouštění funkce (ID prvku a poměr) */ zmensi( "obrazek" , 2/3 ); </script> Nebo to vložíš do každého obrázku: <img src=obrazek.gif onload="this.width=Math.round(this.width*2/3)"> |
||
PetrPetr Profil * |
#7 · Zasláno: 8. 12. 2010, 11:56:31
Trejpa:
OK, díky moc:) |
||
Časová prodleva: 13 let
|
0