<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. POJ1961 KMP算法

    POJ1961 问题重述: 输入一个长度为l的字符串S,求所有S的由字串重复排列而成的前缀,并输出前缀的长度以及该前缀的最大重复度. AC代码: //Memory: 5700K Time: 641MS ...

  2. dedecms 织梦ping服务插件 最新破解可用版

    dedecms 织梦ping服务插件 最新破解可用版  ping_gbk.xml <module> <baseinfo> name=ping服务 team=井哥 time=20 ...

  3. ubuntu12.04安装jdk-7u79-linux-i586.tar.gz

    第一步:下载jdk-7u79-linux-i586.tar.gz 1.wget -c http://download.oracle.com/otn-pub/java/jdk/7/jdk-7-linux ...

  4. shell下 使用心得

    打印时间的命令 date +'%F %k:%M:%d' crontab启动计划任务,注意两件事情: 1)crontab里启动的脚本,如果需要读取文件,需要使用绝对路径,或者在脚本里cd到目录所在的绝对 ...

  5. form 和 ngModel

    参考 https://docs.angularjs.org/api/ng/type/ngModel.NgModelController https://docs.angularjs.org/api/n ...

  6. CH Round #40 - Fimbulvetr::Prologue

    题目:http://ch.ezoj.tk/contest/CH%20Round%20%2340%20-%20Fimbulvetr%3A%3APrologue/起源 题意:树上最大流+费用流,源点为树根 ...

  7. [转]Ubuntu Tweak 0.8.7 发布:支持 Ubuntu 14.04

    原文网址:http://www.oschina.net/news/51054/ubuntu-tweak-0-8-7 这是我开发 Ubuntu Tweak 七年以来第一次没在 Ubuntu 正式发布之前 ...

  8. windows对象总结

    这篇文章是对windows对象的总结,在winows编程中,windows对象,句柄是一个基本概念,理解这些概念有助于后面的windows编程学习.文章的形式还是以解答问题的方式来组织. 注:在文中, ...

  9. TortoiseGit 使用教程

    原文地址:http://blog.csdn.net/ethan_xue/article/details/7749639 git的使用越来越广泛 使用命令比较麻烦,下面讲解一下tortoisegit的使 ...

  10. window环境下安装 pip 工具 【pip为Python的扩展管理工具】

    Python有一些扩展管理工具,例如easy_install和pip工具,我推荐各位使用pip工具,因为pip工具具有很好的安装和卸载体验. 我们首先需要打开pip的官方网站, 下载必要的文件包,然后 ...