Diskuze: CSS zvetseni obrazku
Zobrazeno 4 zpráv z 4.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
To víš že ti uvěřím wsg... Na /b/ všichni choděj!
Tohle podle mě rozhodně nezvládne jenom CSS. Myslím, že to bude javascript v kombinaci s jQuery přibližně takhle:
$(".obrazek")
.mouseenter(function() {
$("#big_image").attr("src", $(this).attr("src"));
$("#big_image").show();
})
.mouseleave(function() {
$("#big_image").hide();
});
Je to ono? http://jsfiddle.net/ke79M/1/
ta stránka mi nejde otvoriť. Podľa mňa by to malo ísť aj pomocou CSS, pokiaľ to stačí zväčšiť.
skúsil by som to takto :
//html
<a href="obrVelky.jpg"><img src="obrMaly.jpg" alt="malý obrázok"></a>
//css
a img {width:80%;}
a:hover img {width:100%;}
Pokud to chce stejně jako na 4chanu, tak to s pomocí CSS nepůjde, protože se tam ten obrázek duplikuje (načte se do jiného elementu), navíc ty náhledy jsou zmenšeniny, takže se tam vlastně načítá úplně jiný obrázek (s upravenou URL).
Což ovšem neznamená, že by mu tvoje řešení nestačilo
Zobrazeno 4 zpráv z 4.