Mám webovú stránku, http://excellent-grib.com/ v Umbraco a logo hore vľavo sa dokonale načíta ako súbor .svg. Ale keď kliknem na iný odkaz ako „FORSIDE“ (frontpage), Modernizr nezmení obrázok z .gif na .svg.
Moja funkcia JQuery je:
$(document).ready(function (event) {
if (Modernizr.svg){
$("#logo_image").attr("src", "/graphics/excellentSystems_logo.svg");
}
});
Je dosť vtipné, že v mojej hlave mám s Modernizrom ďalší skript,
<script>
Modernizr.load("http://excellent-grib.com/css/enhanced.css");
Modernizr.load("http://excellent-grib.com/css/responsive.css");
</script>
To funguje dobre.
Akákoľvek pomoc bude celkom ocenená!
odpovede:
0 pre odpoveď č. 1Nevidím problém v prehliadači Chrome, možno je to problém iba v niektorých prehliadačoch - ktorý používate?
Ako už bolo povedané, nerobil by som to tak, ako tyrobia to. V súčasnosti žiadate súbor .gif a potom „inovujete“ na svg. Pretože v hlave dokumentu máte modernizéra, môžete použiť triedy css, ktoré poskytuje, na použitie obrázka na pozadí, a nie súboru obrázka. Znamená to, že používateľ sťahuje iba jeden súbor a tomuto problému sa úplne vyhýba.
Po druhé, nemali by ste ich používať Modernzr.load
bez poskytnutia akýchkoľvek testov. Pretože sú vždy načítané a je to pomocou javascriptu zabitie výkonu vašej stránky, Stačí ich vložiť normálne <script>
tagy:]