iphone手機端圖片錯位修正的js代碼

標籤：

<script type="text/javascript">     $(function(){           // 擷取終端的相關資訊                var Terminal = {                // 辨別移動終端類型                platform : function(){                var u = navigator.userAgent, app = navigator.appVersion;                return {                // android終端或者uc瀏覽器                android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1,                // 是否為iPhone或者QQHD瀏覽器                iPhone: u.indexOf(‘iPhone‘) > -1 ,                // 是否iPad                iPad: u.indexOf(‘iPad‘) > -1,                                    // 是否是通過的掃一掃開啟的                weChat: u.indexOf(‘MicroMessenger‘) > -1,                isiOS9: Boolean(u.match(/OS [9]_\d[_\d]* like Mac OS X/i))                                                    };                }(),                // 辨別移動終端的語言：zh-cn、en-us、ko-kr、ja-jp...                // language : (navigator.browserLanguage || navigator.language).toLowerCase()                }            $("#showinandroidbrowser").hide();            $("#showiniosbrowser").hide();            $("#ss1").attr("src","images/xzai1-1.jpg");            $("#ss2").attr("src","images/xzai2.jpg");            $("#ss3").attr("src","images/xzai3.jpg");            $("#showiniosbrowser").css("height",jQuery(window).height());            $("#showinandroidbrowser").css("height",jQuery(window).height());             $(".swiper-container").css("height",jQuery(window).height()*13/15);                                        if(Terminal.platform.android){            $("#download").attr("src","images/android.jpg");            $("#downloadurl").attr("href","http://download.chinahrt.com/app/rx_v3_2_2_20151014092004_CHINAHRT.apk");            if(Terminal.platform.weChat) {                //在瀏覽器中開啟                $("#showinandroidbrowser").show();                $("#showiniosbrowser").hide();            }        } else if(Terminal.platform.iPhone || Terminal.platform.iPad ){            $("#downloadurl").attr("href","itms-services://action=download-manifest&url=https://m.chinahrt.com/rongxue/iphone/rxios_1.0.34.plist");            $("#download").attr("src","images/ios.png");            if(Terminal.platform.weChat){                //在safari中開啟                 $("#showiniosbrowser").show();                 $("#showinandroidbrowser").hide();            }else{                if(Terminal.platform.isiOS9){                    //iOS9的使用教程                    $("#showiniosbrowser").hide();                    $("#showinandroidbrowser").hide();                    $(".swiper-container").show();                    $("#ss1").attr("src","images/02.jpg");                    $("#ss2").attr("src","images/03.jpg");                    $("#ss3").attr("src","images/04.jpg");                     $(".swiper-container").css("height",jQuery(window).height());                                                            $("#ss3").click(function(){                        $("#ss1").attr("src","images/xzai1-1.jpg");                        $("#ss2").attr("src","images/xzai2.jpg");                        $("#ss3").attr("src","images/xzai3.jpg");                        mySwiper.swipeTo(0,1,false);                        $("#ss3").unbind("click");                        $("#download").show();                        $(".swiper-container").css("height",jQuery(window).height()*13/15);                                            });                    $("#download").hide();                }            }        }         });             </script>

 

iphone手機端圖片錯位修正的js代碼