画像

jQuery

HTMLのsvgタグとJavaScriptで円グラフの画像をつくる

HTMLのsvgタグとJavaScriptをつかって、svgタグ内に円グラフの画像を作成してみます。 php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。 js関連記...
jQuery

HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる

HTMLのcanvasタグとJavaScriptをつかって、canvasタグ内に円グラフの画像を作成してみます。 php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。 ...
jQuery

bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種

レスポンシブ対応の便利なjQueryプラグイン「jquery.bxslider.js」のbxSliderをカルーセルや、コンテンツスライダーなど、デザインサンプル5種を作りました。 bxSliderの基本的な使い方は下...
Photoshop

ChromeでSVGの画像が表示されない場合の対処法

SVG画像が、PCのGoogle Chromeで表示されず、iPhoneのsafariでは表示される現象の対処法についてです。 Adobe関連記事 SVG画像の表示されない現象 動作確認をしていた時...
Photoshop

Photoshopで「別名で保存」でPDFへ出力ができないときに確認すること

今まで普通に出来てた、Photoshop(フォトショップ)で「別名で保存」からPDFやJPEGやPNGに保存ができないときに確認すること Adobe関連記事 「別名で保存」で出力拡張子のリストにP...
jQuery

jQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する

inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、フ...
php

スマホで撮った写真を正しい方向に補正するphp

iPhoneで撮った写真をアップロードするときにExif情報を読み取って正しい方向に補正するphp php関連記事 iPhoneはExif情報を判別して一覧表示している iPhone上では正...
jQuery

【Wowma!Plus】jQueryで画像管理に登録した商品画像を呼び出せないときの対処法

Wowma!Plus内でjQueryを使って画像管理に登録した商品画像を呼び出せないときの対処法のメモ jQuery関連記事 起きた現象 jQueryで該当商品のリストを画像と一緒に書き出すとき、マニュ...
css

cssのkeyframesで画像に動きや変化のアニメーションをつけるサンプル10選

cssのkeyframesをつかって、要素や画像に対して、ふわふわ上下・左右に移動する動きや、ゆらゆら揺れる動き、ゆっくりズームするなどのアニメーション・動きをつけるサンプルを7種類紹介します。 今回は、画像にアニメーションを...
WordPress

【WordPress】アイキャッチ画像のURLのみ取得して属性やクラスなどを自由にカスタムする

WordPressのthe_post_thumbnail('large')でアイキャッチ画像を表示させると、imgタグごとの生成されてしまうのでURLのみ取得してsrc属性に入れて自由にカスタムする場合の書き方 ...
タイトルとURLをコピーしました