Autor Zpráva
mefisto
Profil
#1 · Zasláno: 22. 6. 2006, 22:06:40
Odpovědět Citovat
Dobrý den,
mám tento problém: Potřeboval bych změnit přes CSS stávající obrázek zadán v HTML kódu, je to nějak možné? Nemám přístup k HTML souboru, jen k CSS souboru. V img tegu je ID.
Př.: <img id="obr" src="obr.jpg" width="50" height="50">
Velikost odpovídá i 2. obrázku.
Dero
Profil
#2 · Zasláno: 22. 6. 2006, 22:27:10 · Upravil/a: Dero
Odpovědět Citovat
To je zajímavý problém, který bych dokázal snadno jen pomocí CSS vyřešit v moderních prohlížečích (Gecko, Opera, IE6/Standard), ale pravděpodobně bych potřeboval javascript pro řešení v IE5,6/Quirk mód.

Takže to asi nebude optimální.
Dero
Profil
#3 · Zasláno: 22. 6. 2006, 22:46:10 · Upravil/a: Dero
Odpovědět Citovat
No, kdyby někoho to řešení zajímalo, tak tady je první, co mě napadlo:

DOCTYPE a podobné blbosti, které hodí IE do standard módu
<style type="text/css">
#obr { width: 0; padding-left: 50px; overflow: hidden; background: url("obr2.jpg") top left no-repeat; }
</style>
<img src="obr1.jpg" width="50" height="50" id="obr">

Ale jak říkám, IE v quirku (tj. IE5) si ani neškrtne.
Timy
Profil
#4 · Zasláno: 22. 6. 2006, 22:48:09 · Upravil/a: Timy
Odpovědět Citovat
Dero
Ve standardu takhle? 


img {

background:url("druhy.gif");

padding-left:50px;

width:0px;

height:50px;

}



<img src="prvni.gif">


-------------------
Vo fous pozdě :-(
Dero
Profil
#5 · Zasláno: 22. 6. 2006, 22:49:50
Odpovědět Citovat
Ale jo, Timy, přesně takhle. :o)
Miloš
Profil
#6 · Zasláno: 22. 6. 2006, 22:52:56
Odpovědět Citovat
Pokud by byl <img> navíc obalen divem, šlo by to řešit následovně: 
div#nejaky {width: sirka_obrazku; height: vyska_obrazku; background-image: url(prvni_obrazek);}

img#obr {display: none}

div#nejaky:hover {background-image: url(druhy_obrazek);}

a exploreru ten hover naservírovat pomocí hover.htc
mefisto
Profil
#7 · Zasláno: 22. 6. 2006, 23:12:53
Odpovědět Citovat
Díky za napady,
to me taky mohlo napadnout to udelat jednoduse pres to pozadi
Časová prodleva: 2 měsíce
jirista
Profil
#8 · Zasláno: 16. 8. 2006, 22:09:56 · Upravil/a: jirista
Odpovědět Citovat
mohu jen vedet neco vic o hover.htc?
jirista
Profil
#9 · Zasláno: 16. 8. 2006, 22:12:46
Odpovědět Citovat
uz to mám
Leo
Profil
#10 · Zasláno: 17. 8. 2006, 08:49:39
Odpovědět Citovat
Co sem pletete htc? Leo
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0