Twitter

jQueryで画像の先読み(プリロード)

2013/04/02 | jquery | コメント (0)
$(function(){
	// preload images
	jQuery.preloadImages = function(){
		for(var i = 0; i<arguments.length; i++){
			jQuery("<img>").attr("src", arguments[i]);
		}
	};
	$.preloadImages("./img/hoge1.png","./img/hoge2.png","./img/hoge3.png");
});

モバイル端末の縦向き、横向きを判別する

iPhone、iPad、Androidの縦画面・横画面を判別して処理を変更する。

// for Smartphone / Tablet
if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('iPad') != -1 || navigator.userAgent.indexOf('Android') > 0) {
	window.onorientationchange = orientCheck; // 画面の向きが変更されたら関数を実行
	function orientCheck() {
		var orientation = window.orientation;
		if(orientation === 0){ // portrait
			// ***** 縦画面時の処理 ***** //
		} else { // landscape
			// ***** 横画面時の処理 ***** //
		}
	};
	orientCheck();
}
CopyRight© 2017 2GRAVITY All Rights Reserved. | powered by WordPress

Page top