<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. 如何使用sql语句使你的数据库减肥,下面以网狐6603数据库减肥脚本举例!

    原文转自:http://www.zccode.com/forum.php?mod=viewthread&tid=637&extra=page%3D1 网狐6603 专用数据库减肥特效脚 ...

  2. 今日分享一点干货。PHP中课程表的实现。

    首先贴代码,代码贴完再细说: 前段HTML: <div id="studentRead" class="reading" style="z-in ...

  3. Kafka笔记--常用指令(删除topic)

    删除topic 首先需要设置server.properties,最后一行添加 delete.topic.enable=true 然后运行> ./kafka-topics.sh --zookeep ...

  4. 完美解决android软键盘监听

    最近在做应用性能调优,发现在一个包含有输入框的Activity中,当软键盘弹出的时候,如果直接finish掉此Activity,那么在返回到上一个Activity时,界面的渲染会由于软键盘没有及时的收 ...

  5. 『信息收集』GoogleHacking快速定位目标网站

    第一次接触到“GoogleHacking”是在学校初次Geek大赛上. 很有意思的一道题目,网页中原题大致是这样的: 下面是数学之美(吴军著)的封面,请找出这本书的ISBN码(这一关的Key值) 很不 ...

  6. [工具]web开发时自动刷新网页:liveReload

    传统网页开发流程:用sublime text写好代码,运行,发现问题,再回到sublime text修改,运行…如此往复,十分繁琐.今天看到有人(<LiveReload>讓Sublime ...

  7. Mysql 新建用户以及授权远程连接操作

    1:以root身份登陆mysql终端 mysql -uroot -pmysql 2:创建wx用户,注意密码要加单引号 mysql> create user wx identified by 'w ...

  8. java常量设置的方式

    我们在写java程序的时候,常常有常量设置,如: public interface Const { //性别的常量 public interface Sex{ public final int 男=1 ...

  9. poj2429:因数分解+搜索

    题意:给定gcd(a,b)和lcm(a,b) 求使得a+b最小的 a,b 思路:结合算数基本定理中 gcd lcm的质因子表示形式 把lcm(a,b)质因数分解 以后 通过dfs找到 a+b最小的a ...

  10. 关于bootstrap--网格系统

    1. 2.偏移列(col-md-offset-*):为了在大屏幕显示器上使用偏移,请使用 .col-md-offset-* 类.这些类会把一个列的左外边距(margin)增加 * 列,其中 * 范围是 ...