画像

jQuery

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

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

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

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

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

今まで普通に出来てた、フォトショップで「別名で保存」からPDFやJPEGやPNGに保存ができないときに確認すること 画像関連記事 「別名で保存」で出力拡張子のリストにPDFがない 「別名で保存」...
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で画像に動きや変化のアニメーションをつけるサンプル7種類

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

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

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

WordPressのループ内でアイキャッチ画像を表示させる

WordPressのループ内でアイキャッチ画像を表示させる書き方とfunctions.phpの設定について WordPress関連記事 functions.phpの設定でアイキャッチ画像を有効にする ...
MakeShop

makeshopで商品画像の番号が乱れる件の対策

先日のメイクショップの仕様変更で50枚まで商品画像が登録できるようになったが、その影響で商品画像の番号が乱れてしまう件の対策 概要 商品画像が8枚登録されているものの画像差し替えが発生した。操作方法は、以下の通りに行った。 ...
タイトルとURLをコピーしました