<script type="text/javascript">
$(function(){
// 获取终端的相关信息
var Terminal = {
// 辨别移动终端类型
platform : function(){
var u = navigator.userAgent, app = navigator.appVersion; return {
// android终端或者uc浏览器
android: u.indexOf('Android') > - || u.indexOf('Linux') > -,
// 是否为iPhone或者QQHD浏览器
iPhone: u.indexOf('iPhone') > - ,
// 是否iPad
iPad: u.indexOf('iPad') > -,
// 是否是通过微信的扫一扫打开的
weChat: u.indexOf('MicroMessenger') > -, isiOS9: Boolean(u.match(/OS []_\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()*/); 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(,,false);
$("#ss3").unbind("click");
$("#download").show();
$(".swiper-container").css("height",jQuery(window).height()*/); });
$("#download").hide(); }
}
} }); </script>

iphone手机端图片错位修正的js代码的更多相关文章

  1. 使用localResizeIMG3+WebAPI实现手机端图片上传

    前言 惯例~惯例~昨天发表的使用OWIN作为WebAPI的宿主..嗯..有很多人问..是不是缺少了什么 - - 好吧,如果你要把OWIN寄宿在其他的地方...代码如下: namespace Conso ...

  2. 外贸建站之图片预加载JS代码分享

    外贸建站之图片预加载JS代码分享 function preloadimg() { setTimeout(function() { new Image().src = "images/2017 ...

  3. 手机端图片预览和缩放js

    转至:http://blog.sina.com.cn/s/blog_c342e3090102vcxu.html 1.手机端的图片选择和预览 <input type="file" ...

  4. megapix-image插件 使用Canvas压缩图片上传 解决手机端图片上传功能的问题

    最近在弄微信端的公众号.订阅号的相关功能,发现原本网页上用的uploadify图片上传功能到手机端有的手机类型上就不能用了,比如iphone,至于为啥我想应该不用多说了吧(uploadify使用fla ...

  5. 自动判断PC端、手机端跳往不同的域名JS实现代码

    输入相同域名,在pc端和移动端会出现不同的页面效果,一种是用栅格系统实现自适应, 更多的是设计两套不同的模板和两个二级域名或者一个主域名和一个二级域名(就是有区别就可以了); js代码判断浏览器的用户 ...

  6. 【转】自动识别是手机端还是pc端只用一行代码就搞定

    <script type="text/javascript"> var mobileAgent = new Array("iphone", &quo ...

  7. 图片左右滚动的js代码

    html代码 <div class="demo" id="demo" style="overflow:hidden; width:660px; ...

  8. js动态改变图片热区坐标,手机端图片热区自适应

    <img id='banner1' src="images/banner.jpg" usemap="#banner" border="0&quo ...

  9. js手机端图片弹出方法

    1 $("img").click(function(){ //获取窗口可视大小 var width=$(window).width(); var height=$(window). ...

随机推荐

  1. 乱七八糟Nodejs系列二:线程模型

    上一篇中说了这样一句话:Nodejs和浏览器javascript一样,都是单线程,所以和传统的不一样,这个后面有机会再说.挖了坑就得填,哎. 1.一个例子 来看一个例子,这个例子来自async jav ...

  2. Regular expression cheat sheet

    \s white-space characters \S Non-white-space characters \d digital numbers \D non-digital numbers \w ...

  3. composer在ubuntu下安装

    通过curl下载composer安装包 curl -sS https://getcomposer.org/installer | php 将安装包移动到全局安装文件夹下 mv composer.pha ...

  4. 各类XML parser的比较

    基于以上的比较 再为公司的项目选择解析器的时候,我选择Xerces.准备把Qt自带的XML库给去掉. references: http://stackoverflow.com/questions/17 ...

  5. 鼠标键盘无法进入:(EE) config/hal: couldn’t initialise context: (null)

    vi /var/log/Xorg.0.log 发现有一行:(EE) config/hal: couldn’t initialise context: (null) 在xorg.conf里面加上下面选项 ...

  6. [转]一步步搭建Ubuntu环境——dpkg 被中断,您必须手工运行 sudo dpkg --configure -a 解决此问题——安装Flashplayer出错 ------不错

    原文网址:http://blog.csdn.net/xuezhimeng2010/article/details/8545261 解决方法如下: sudo rm /var/cache/apt/arch ...

  7. Fence Repair (POJ 3253)

    农夫约翰为了修理栅栏,要将一块很长的木板切割成N块.准备切成的木板长度为L1.L2.L3...LN,未切割前的木板长度恰好为切割后木板长度的总和.每次切断木板时,需要的开销为这块木板的长度.例如长度为 ...

  8. myeclipse实现Servlet实例(3) 通过继承HttpServlet接口实现

    (1) 在软件公司 90%都是通过该方法开发. //在HttpServlet 中,设计者对post 提交和 get提交分别处理   //回忆 <form action="提交给?&qu ...

  9. USB Video Class及其实现

    1 Video Class 基础概念Usb协议中,除了通用的软硬件电气接口规范等,还包含了各种各样的Class协议,用来为不同的功能定义各自的标准接口和具体的总线上的数据交互格式和内容.这些Class ...

  10. 【转】FLV视频封装格式详解

    Overview Flash Video(简称FLV),是一种流行的网络格式.目前国内外大部分视频分享网站都是采用的这种格式. File Structure 从整个文件上开看,FLV是由The FLV ...