jQueryでスマホサイト向けに画像サイズを縮小する方法
jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 １．サンプル 次のようなPCサイト用のページがあります。この場合、Movable Typeでページを出力しています。ページで使っている記事内の画像サイズは幅470pxです。 このページをスマホサイト向けに別のページを作り、画像サイズを縮小して表示します。画像サイズは幅280pxに縮小しています。 ２．カスタマイズ サイズを変更するには、下記のスクリプトをページ内にあるhead終了タグの直前に追加します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){ $('img').each(functio
PHPで簡易デコメール/簡易アバター画像生成システムを作る
はじめに 前回はImagickのインストール、画像サイズ変換について紹介しました。 今回は主に携帯サイトでブラウザ上から文字を入力して指定した画像の上に文字を描いたり、複数の画像を合成して1枚の画像を生成するアプリケーションの構築例を、Imagickの機能と共に説明します。 対象読者 PHPでのWEBアプリケーション開発について基本的なことを理解している方を対象とします。 動作環境と開発環境 本連載で紹介するサンプルなどで実行している環境は次のとおりです。 CentOS 5.3 Httpd 2.0.61 PHP 5.3 事前準備 前回説明した画像の読み書き／操作クラスのImagickに加えて、描画用クラスImagickDrawというクラスを利用します。ImagickDrawは、Imagickで読み込んだ画像や生成した画像に線や文字を描画したり、枠をつけたりという加工を行うメソッドを集約した
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPEGmini | Leading JPEG Compressor & Image Size Reducer
