Zmeniť obrázok na základe prehliadača - jquery, obrázok, prehliadač, cross-browser

Potrebujem byť schopný zmeniť obrázok v závislosti od používaného prehliadača.

Tj. Ak je to prehliadač Chrome, zobrazí obrázok X, ak prehliadač Firefox, zobrazí obrázok Z, ak IE, zobrazí obrázok Y

Myslím, že budem musieť použiť jQuery.browser, ale nie som si istý, ako to odtiaľ vziať?

odpovede:

1 pre odpoveď č. 1

jQuery.browser spadol z jQuery 1.9, ktorý musíte zahrnúť jQuery-Migrovať

Môžete to však urobiť aj pomocou navigator.userAgent

var x = navigator.userAgent.toLowerCase();

if(x.indexOf("chrome") > -1 ) alert("chrome")
else if(x.indexOf("firefox") > -1 ) alert("firefox");
else if(x.indexOf("msie") > -1 ) alert("ie");

Avšak IE 11 userAgent hovorí

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

Áno. IE 11 už nehovorí, že je to IE, ale Mozilla.

Aj keď všetky verzie IE reagujú na slovo Trident (jeho usporiadanie) vo všetkých jeho verziách.

Takže niečo také by mohlo fungovať vo vašom JavaScripte

if(x.indexOf("trident") > -1 ) alert("ie");

striedavý

 var x = navigator.userAgent.toLowerCase();
var browser = x.match(/chrome|msie|firefox|trident/));
alert(browser) // example chrome, firefox

---

0 pre odpoveď č. 2

if ( $.browser.mozilla )
{
alert( "I just found Mozilla w00T" );
}

Ak používate jQuery 1.9+, budete potrebovať jQuery-Migrovať

Namiesto upozornenia jednoducho prepínate obrázky.

---