jQuerybxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種
レスポンシブ対応の便利なjQueryプラグイン「jquery.bxslider.js」のbxSliderをカルーセルや、コンテンツスライダーなど、デザインサンプル5種を作りました。 bxSliderの基本的な使い方は下...
画像
jQuery
PhotoshopChromeでSVGの画像が表示されない場合の対処法
SVG画像が、PCのGoogle Chromeで表示されず、iPhoneのsafariでは表示される現象の対処法についてです。 画像関連記事 SVG画像の表示されない現象 動作確認をしていた時にim...
PhotoshopPhotoshopで「別名で保存」でPDFへ出力ができないときに確認すること
今まで普通に出来てた、フォトショップで「別名で保存」からPDFやJPEGやPNGに保存ができないときに確認すること 画像関連記事 「別名で保存」で出力拡張子のリストにPDFがない 「別名で保存」...
jQueryjQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する
inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、フ...
phpスマホで撮った写真を正しい方向に補正するphp
iPhoneで撮った写真をアップロードするときにExif情報を読み取って正しい方向に補正するphp php関連記事 iPhoneはExif情報を判別して一覧表示している iPhone上では正...
jQuery【Wowma!Plus】jQueryで画像管理に登録した商品画像を呼び出せないときの対処法
Wowma!Plus内でjQueryを使って画像管理に登録した商品画像を呼び出せないときの対処法のメモ jQuery関連記事 起きた現象 jQueryで該当商品のリストを画像と一緒に書き出すとき、マニュ...
csscssのkeyframesで画像に動きや変化のアニメーションをつけるサンプル7種類
cssのkeyframesをつかって、要素や画像に対して、ふわふわ上下・左右に移動する動きや、ゆらゆら揺れる動き、ゆっくりズームするなどのアニメーション・動きをつけるサンプルを7種類紹介します。 今回は、画像にアニメーションを...
WordPress【WordPress】アイキャッチ画像のURLのみ取得して属性やクラスなどを自由にカスタムする
WordPressのthe_post_thumbnail('large')でアイキャッチ画像を表示させると、imgタグごとの生成されてしまうのでURLのみ取得してsrc属性に入れて自由にカスタムする場合の書き方 ...
WordPressWordPressのループ内でアイキャッチ画像を表示させる
WordPressのループ内でアイキャッチ画像を表示させる書き方とfunctions.phpの設定について WordPress関連記事 functions.phpの設定でアイキャッチ画像を有効にする ...
MakeShopmakeshopで商品画像の番号が乱れる件の対策
先日のメイクショップの仕様変更で50枚まで商品画像が登録できるようになったが、その影響で商品画像の番号が乱れてしまう件の対策 概要 商品画像が8枚登録されているものの画像差し替えが発生した。操作方法は、以下の通りに行った。 ...