[Jquery]BXSLIDERのonSlideBeforeで背景色切り替え

うーんすばらしい!
ここまでオプション用意してくれてるとかなり使いやすいですね

$(function(){
  bg = 0;
  var slider = $('.bxslider').bxSlider({
  onSlideBefore: function(){
  	if(bg == 0) {
  		$('#aaa').css("background-color","#fff");
		bg = 1;
  	}else {
  		$('#aaa').css("background-color","#000");
		bg = 0;
  	}
  }
  });
});

もっとスマートな書き方あるかな?

買っちゃった…('▽'*) cintiq13HD

思わず顔が綻んでしまう(=v=)ムフフ

cintiq 13HD

まあ、下手の横好きなんですけどね~>▼<
とりあえず、今のPCだと2画面出力でちょっと使いにくいので3画面出力グラボ入荷依頼中~。早く届かないかしら~(=v=)

[DROPBOX]でdropbox外のフォルダも同期できるツール「Dropbox Folder Sync」

超・・・便利ッ!!なぜもっと早く気づかなかったのか...

個人的にxampp内のやつが同期できるのがスバラシィー!(-人-)ありがたやーありがたやー

参考:右クリックで選択したフォルダを、Dropbox と同期できるようにする!「Dropbox Folder Sync」
http://www.gigafree.net/utility/onlinebackup/dropboxfoldersync.html

[Jquery]マウスオーバー/マウスアウトでアコーディオンメニュー

先ほど書いたやつだと、エリア外が閉じないので、こっちで対処

http://stackoverflow.com/questions/19001183/mouseover-and-mouseout-in-accordion
http://jsfiddle.net/arunpjohny/jBFMv/

<ul id="accordion">
    <li>
        <a href="#" class="history_heading" rel="history_heading">HISTORY</a>
        <ul>
            <li><a href="#">Link One</a></li>
            <li><a href="#">Link Two</a></li>
            <li><a href="#">Link Three</a></li>
            <li><a href="#">Link Four</a></li>
            <li><a href="#">Link Five</a></li>
        </ul>
    </li>

    <li>
        <a href="#" class="geography_heading" rel="geography_heading">GEOGRAPHY</a>
        <ul>
            <li><a href="#">Link One</a></li>
            <li><a href="#">Link Two</a></li>
            <li><a href="#">Link Three</a></li>
            <li><a href="#">Link Four</a></li>
            <li><a href="#">Link Five</a></li>
        </ul>
    </li>
</ul>
<script type="text/javascript">
jQuery(function ($) {
    $('#accordion li').hover(function () {
        $(this).find('ul').stop(true, true).slideToggle()
    }).find('ul').hide()
})
</script>

[Jquery]マウスオーバーでアコーディオンメニュー

意外?とマウスオーバーでアコーディオン無いんすね~。

下記サイト様を参考に
http://aqua-create.com/jquery/acordeon-menu-jquery/
http://web.donnatokimo.com/jquery/517

今回は最初に開くメニューは要らないので

if(index > 0) $this.next().hide('normal');

の部分を無理やり変更

$this.next().hide('normal');
<ul id="demo" class="clearfix">
 <li><a href="1">menu1</a>
  <ul>
   <li><a href="#">menu 1-1</a></li>
   <li><a href="#">menu 1-2</a></li>
   <li><a href="#">menu 1-3</a></li>
  </ul>
 </li>
 <li><a href="2">menu2</a>
  <ul>
   <li><a href="#">menu 2-1</a></li>
   <li><a href="#">menu 2-2</a></li>
   <li><a href="#">menu 2-3</a></li>
  </ul>
 </li>
 <li><a href="3">menu3</a>
  <ul>
   <li><a href="#">menu 3-1</a></li>
   <li><a href="#">menu 3-2</a></li>
   <li><a href="#">menu 3-3</a></li>
   <li><a href="#">menu 3-4</a></li>
  </ul>
 </li>
</ul>
<script type="text/javascript">
var j$ = jQuery;

j$(function(){
	j$("#demo").each(function(){
		j$("li > a", this).each(function(){
			var $this = j$(this);
			$this.next().hide('normal');
			$this.mouseover(function(){
				j$(this).next().show('normal').parent().siblings().children("ul:visible").hide('normal');
				return false;
			});
			$this.mouseout(function(){
				$this.next().hide('normal');
			});
		});
	});
});
</script>
#demo > li {
	float:left;
	width:150px;
	height:50px;
	}

余談ですが、#demo > li の書き方が超超便利なことに最近気づきました (遅)

[EC-CUBE]facebookいいねボタンとOPGの設置

●EC-CUBEでもOGPタグといいねボタンの設置を設置する
http://2inc.org/blog/2012/02/08/1186/

そのまま引用させていただいてます~。

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<!--{assign var=detail value="`$smarty.const.TOP_URLPATH`products/detail.php"}-->
<!--{if $smarty.server.PHP_SELF==$detail}-->
<meta property="og:title" content="<!--{$arrProduct.name|escape}-->" />
<meta property="og:type" content="product" />
<meta property="og:image" content="<!--{$smarty.const.HTTP_URL}-->upload/save_image/<!--{$arrProduct.main_list_image}-->" />
<meta property="og:site_name" content="<!--{$arrSiteInfo.shop_name|h}-->" />
<meta property="og:url" content="<!--{$smarty.const.HTTP_URL}-->products/detail.php?product_id=<!--{$arrProduct.product_id}-->" />
<meta property="og:description" content="<!--{$arrProduct.main_list_comment}-->" />
<meta property="fb:app_id" content="あなたののapp_id" />
<!--{/if}-->
<div id="fb-root"></div>
<script type="text/javascript" src="https://connect.facebook.net/ja_JP/all.js"></script>
<script type="text/javascript">
FB.init({
    appId  : "あなたのapp_id",
    status : true,
    cookie : true,
    xfbml  : true,
    channelURL : "<!--{$smarty.const.HTTP_URL}-->products/detail.php?product_id=<!--{$arrProduct.product_id}-->",
    oauth  : true
});
</script>
<fb:like href="<!--{$smarty.const.HTTP_URL}-->products/detail.php?product_id=<!--{$arrProduct.product_id}-->" send="false" width="367" show_faces="true" font="arial"></fb:like>

[EC-CUBE]商品一覧でカテゴリID取得

EC-CUBEでカテゴリ毎に画像を表示させたいのがあったんですが、

●[EC-CUBE 2.11.4] 商品一覧ページにカテゴリごとのタイトルバナー画像を入れる
http://ec-cube.nakweb.com/blog/1201.html

こちらのサイト様だと「LC_Page_Products_List.php」に表示させたいカテゴリIDを記述するのですが
もしカテゴリが追加されたら意外に面倒?と思ってしまいまして
あんまり推奨されていない(かもしれない)

●EC-CUBE、商品一覧のカテゴリIDを取得する方法
http://highmoon-miyabi.main.jp/blog/2013/10/17_000353.html

こっちを使用させていただこうかなーと。
テンプレに直接追加できるので、汎用性が高い気がします。

<!--{php}-->
$cat_id = $_GET['category_id'];
echo $cat_id;
<!--{/php}-->

単純に出すだけなら下記でも行けますね~

<!--{php}-->echo $_GET['category_id'];<!--{/php}-->