dDtea Databank 911 | MAYA, Aftereffects, Final Cut Pro,Photoshop, Illustrator, Flashなど私的FAQ虎の巻

■得た知識をネット環境があればどこからでも見れるように個人的備忘録BLOG
■超絶テクでも,くだらんもんでもなんでも自分の為に貯めていく方針
■基本的にテクニック、ショートカット、フィルターのレシピなどなど
■守備範囲はMAYA, Aftereffects, Final Cut Pro,Photoshop, Illustrator, Flashなどなど
★ここに書いてあることを実行して不具合やトラブルが発生しても一切責任負いかねます

【jQuery】background-position を指定したいがエラーが出て指定できない

普通jQueryでCSSを操作するには
$("セレクタ").css("CSSプロパティ名","CSSプロパティ値");

この場合は一つしか指定できません。複数指定したい場合は、
$("セレクタ").css({
    CSSプロパティ名: "CSSプロパティ値",
    CSSプロパティ名: "CSSプロパティ値",
    (中略)
    CSSプロパティ名: "CSSプロパティ値"
});

ですよね?

さて、
CSSのプロパティ「background-position」をjQueryで操作したい。

例えば、
#keyvisual の背景の座標を(img_x, img_y)としたいとします。
var p = img_x + "px " + img_y + "px";
$("#keyvisual").css("background-position", p);

これは問題なく動きます。
問題は複数行指定の場合です、
自分はいつでも書き足せるように1行指定でも常に複数行指定の書式で書いています。
var p = img_x + "px " + img_y + "px";
$("#keyvisual").css({
    background-position: p
});

これで動くはずですが、何故かエラーが出ます。
以下Firebugのエラーメッセージ
(X)SyntaxError: missing : after property id
background-position: p,
----------↑

意味が分かりません。
調べても解決できなかった。
background-position

ではなく
backgroundPosition

と記述しないといけない記事をネット上で見つけて試してみたんですが、今度はエラーは出なくなったけど動作は全くしない。
そこで試しにダブルクォーテーションで括ってみようかと思いました。
var p = img_x + "px " + img_y + "px";
$("#keyvisual").css({
    "background-position": p
});

そしたらバッチリ動作しました!
全く理不尽です。まさかこれで解決するとは!

background-position のままだとどうやら変数「background」変数「position」の"引き算"として認識されてしまうようです。

ほんとふざけてますね、
って、これのでおかげで多くのプログラム言語が変数にハイフンが使えない理由が分かった気がします。

ちなみに background-position-x や background-position-y は動作しませんでした、何故か。
| jQuery | 01:58 | comments(0) | - |

jQueryのCarouFredSelで画面入れ替わりがシームレスにならず困る

高機能のカルーセルjQueryプラグイン
CarouFredSel

縦の切り替わりはうまく行くんだけど
横がうまくいかない
自分は最初これにはまりました

答えは簡単でした
それはカルーセルするコンテンツをfloat:leftで並べてください
これで解決します
| jQuery | 19:01 | comments(0) | - |

loadで外部htmlを読みたいのだが、上階層にあるファイルがFireFoxだと読み込まない【jQuery】

サイト構築するときヘッダだのフッタだの、共通部分を一つのファイルで管理したい
そこでjQueryの load() を使うんだが

同階層の場合
$(function(){
$("#site-header").load("site-header.html");
});
問題なく動きます。

下階層の場合も
$(function(){
$("#site-header").load("common/site-header.html");
});
問題ないです。あたりまえだよな

しかし
上階層の場合
$(function(){
$("#site-header").load("../site-header.html");
});
やら
$(function(){
$("#site-header").load("../common/site-header.html");
});

読み込まないのよ!何故かFireFoxだけ!
理不尽にもIEは動くんだよな!

調べたが、調べたが、答えが見つからない

試しにサーバにあげてみました
動きました(−−;)

教えて○○とか全然解決されてなかったのに
結局サーバ上で動くのか!ローカルだけだめでした。


ちなみに
読み込む共通ファイルの記述ですが
相対パスだとリンク切れを起こします(あたりまえか・・・。)
何故なら、その読み込むファイルの位置云々、その中の記述が読み込まれた先にそのまんま入るわけだからである。
なんで、いろんなトコから読む想定の共通外部ファイルの書き方は画像だのリンクだのは絶対パスで書く事!
| jQuery | 03:00 | comments(0) | - |

【Monitter Widget】検索語指定の仕方メモ

 TwitterのタイムラインをリアルタイムにモニタするjQueryのTicker「Monitter Widget

ですが、設置の仕方は書いてあるが、使い方がかなりかなり省略されてる(ってか、殆ど何も書いていない)ので、使い方〜検索語の指定の仕方を此処に記す
色々、試してみたが以下の事がわかった。

  • title属性
    • AND検索(・・・且つ・・・)
      →"半角スペース"で区切る(○○○ ××× ・・・)
        e.g. title="カープ マエケン"
    • OR検索(・・・又は・・・)
      →"OR"で区切る(○○○ OR ××× OR ・・・)
        e.g. title="カープ OR ドアラ"
    • ユーザー指定
      →from:(ユーザーID)
    • ユーザーの複数指定
      →"OR"で区切る(from:○○○ OR from:××× ・・・)
        e.g. title="from:dice_dDtea OR from:diced_carp"
    • ハッシュタグ(#○○○)の検索
      →#の替わりに"%23"とする(#をそのまま使うとダメ)
        e.g. title="%23carp"
  • lang属性
    • 日本語だけにする
      →lang="ja"
    • 英語だけにする
      →lang="en"
あとは、自作したリストを指定できればいいのだが・・・。
| jQuery | 16:34 | comments(1) | - |
CATEGORIES
PROFILE
つくった曲
LINKS
RECENT COMMENT
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    chome (02/05)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    ねこ丸 (01/08)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    イワキ (12/25)
  • 【MAYA】Surface ShaderのOut Transparencyにマップを貼っても抜けない
    Shirobi (08/24)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    たけ (08/06)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    nobana (07/26)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    ももちん (07/22)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    nanasi (07/06)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    ゆちん (06/15)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    いぬっころ (01/17)
RECOMMEND
カラー図解!AUTODESK MAYAビジュアルリファレンス
カラー図解!AUTODESK MAYAビジュアルリファレンス (JUGEMレビュー »)

最近のMAYA本は日本語インターフェースで嫌悪感に付きまとわれる。古くからのMAYAユーザーにとって座右の書となる謳い文句どおり最強のリファレンス
個人的にはダイナミクス部分をもっと細かく取り扱ってほしかったが良い本です
RECOMMEND
Webデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS)
Webデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS) (JUGEMレビュー »)
Andy Clarke
内容・構成共にセンスの良い本。初心者向きではないが一段上のテクニック・知識を得るにはすばらしい本。日本の著者が書かないなかなか尖がった内容で楽しめます。超おすすめ!
RECOMMEND
「残業ゼロ」の仕事力
「残業ゼロ」の仕事力 (JUGEMレビュー »)
吉越 浩一郎
クリエイティブ業界全員読むべき
・ヘタレなクライアントにも読んでほしい
・朝遅く出社して夜中タクシーで帰る業界面した奴よ読みなさい
RECOMMEND
レバレッジ勉強法
レバレッジ勉強法 (JUGEMレビュー »)
本田直之
クリエイティブワークにビジネス書籍が無縁と思ってはいけない
最先端の技術を使って創作活動する私たちは常に勉強する必要がある
そして年収アップを考えるのであれば周りより努力しないといけない
その努力を如何に効率よく効果をあげるかが学べるオススメ本
RECOMMEND
ノンデザイナーズ・デザインブック Second Edition
ノンデザイナーズ・デザインブック Second Edition (JUGEMレビュー »)
ロビン・ウィリアムズ
これは改訂版で見たこと無いが改定前の青い本はなかなかの良書
主にタイポグラフィーではあるがデザインの原則が学べる超おススメ本
眠くなるががんばってここにある4つの原則を読んでほしい。体得するとプロかアマか位の差が出るね!
映像屋とか3D野郎とかの人、俺には役たたないと思わず読みなさい!映像にも応用ができます。
RECOMMEND
配色アイデア見本帳 (MdN design basics)
配色アイデア見本帳 (MdN design basics) (JUGEMレビュー »)
石田 恭嗣
サンプルが多く、眺めているだけでも楽しく、配色のインスピレーションが降臨する
RECOMMEND
7日間でマスターする配色基礎講座 (Design beginner series)
7日間でマスターする配色基礎講座 (Design beginner series) (JUGEMレビュー »)

色使いはセンスと思いきや!?
配色を勉強すれば問題ありません
センスある日とは無意識にこのルールに従っているだけなのです
配色の理論をわかりやすく学べる良書
RECOMMEND
 (JUGEMレビュー »)

映像のマンスリーDVDマガジン
世界最先端のモーション・エフェクツを使用した企業CM からショートフィルムを多数収録
RECOMMEND
 (JUGEMレビュー »)

Photoshopの操作技術本ではなく
純粋にPhotoshopを道具として如何に写真をよりよく見せるよう加工する?
なかなか興味深く、実用的で硬派な本です
RECOMMEND
BRYCE World Studio
BRYCE World Studio (JUGEMレビュー »)
大沢 ツトム, 大河原 浩一
古いバージョンはフリーで使える景観作成アプリ。解説本は良さげなのはこれくらいしかない。説明書がわりに一冊どうぞ!
Twitter
ARCHIVES
SELECTED ENTRIES
モバイル
qrcode