フォノクラフト株式会社：作業メモや備忘録など » Image

[WP] Magic fieldsで画像がアップ出来ない原因と条件

admin — Fri, 21 Oct 2011 05:57:18 +0000

IE8でのエラー

IE8で画像をアップロードする際に、JavaScriptの処理で止まってしまう。

エラー発生の条件

WordPless ：3.2.1
Magic-fields：1.5.8.1
Browser　　：IE8（おそらく8以前の下位バージョン含む）

対応

FireFox等を使う。
http://mozilla.jp/firefox/download/

または、IE9が入る環境ならIE9へバージョンを上げる。
http://windows.microsoft.com/ja-JP/internet-explorer/products/ie/home

そものもIEが嫌いなので、対応する気にならず、今回はJSエラーの起こったバージョンのメモということで…。
FireFoxやChomeの方が確実であることは間違いはありません。
※設定項目（設定 » Magic-fields）にある「Use Standard File Uploader (non-ajax)」のチェックを外せばよい気もします。

兎に角言える事、言いたい事、伝えたい事、広めたい事

WordPressではIEは使わない。
IE9といえども同様です。

[JS] jQueryを使用して画像のロールーバー（オンマウスでの画像切り替え）

admin — Sun, 04 Sep 2011 06:03:03 +0000

jQueryを使用して画像のロールーバー（オンマウスでの画像切り替え）をします。
IE各バージョンにも対応しているので安心して使えます。

※jQuery は http://scriptsrc.net/ からコピーすると便利です。

JSのソース

ファイル名は任意で構いませんが、仮に「img_link_filter.js”」とします。

jQuery.noConflict();

jQuery(function(){
				
	// RollOver 01
	jQuery(".fadeimg").hover(
	  function(){
	    jQuery(this).fadeTo(0,0.8);
	  },
	  function(){
	    jQuery(this).fadeTo(500,1);
	  }
	);
	// RollOver 02
	jQuery(".fadeimg_top_navi").hover(
	  function(){
	    jQuery(this).fadeTo(0,0.5);
	  },
	  function(){
	    jQuery(this).fadeTo(500,1);
	  }
	);
		
	// RollOver 03
	jQuery(".swapimg").hover(
	  function(){
		//jQuery(this).attr('src', String(jQuery(this).attr('src')).split('_on.jpg')[0] + ".jpg");
	    //jQuery(this).attr('src', String(jQuery(this).attr('src')).split('.jpg')[0] + "_on.jpg");
		jQuery(this).fadeTo(200, 0);
	  },
	  function(){
	   // jQuery(this).attr('src', String(jQuery(this).attr('src')).split('_on.jpg')[0] + ".jpg");
	   jQuery(this).fadeTo(300, 1);
	  }
	);
});

使い方

↓内に記述

↓完全に画像を切り替える場合は「class=”swapimg”」

↓画像に透過させる場合は「class=”fadeimg”」

[WP] /wp-admin/ 以下にベーシック認証をかけた際にFlashアップローダーで「HTTPエラー」になる。

admin — Sun, 28 Aug 2011 06:03:09 +0000

症状

/wp-admin/ 以下にベーシック認証をかけた際にFlashアップローダーで「HTTPエラー」になる。

対策

ブラウザアップローダーを使用する。

リストタグで画像を使うメモ（今更ながら）

admin — Tue, 26 Jul 2011 23:53:42 +0000

ソース

画像は縦横14px。styleに直書きしているが、実用の際にはclassにすること



○○○○○○○○○○○○○○○○

[GoogleMap] 住所から直接地図画像を表示する

admin — Mon, 25 Jul 2011 14:02:52 +0000

使い道

GoogleMapAPIをこねくり回す程でもなく、座標を入力も手間かけず、APIキーも不要。そんなものぐさ仕様。

また、画像なので軽い、おまけにマウスホイールでページをスクロールすると、
GoogleMapでいきなり拡大に切り替わるのも防げる。そんなメリット。

大雑把にしか出ない場合があるのはご愛嬌。

表示例

東京都現代美術館：〒135-0022 東京都江東区三好4-1-1

ソース

パラメータについてはこちらを参照