SORAのブログ -3ページ目

jQUERY LIGHTBOX ツールチップを消去

画像にマウスオーバーすると、Title属性が表示されるのを、消去する場合は下記の通り。

「a」タグの「Title」を「name」に変える。

▼HTML
<a href="hogehoge.jpg " name="<a target='_blank' href='http://www.hogehoge/'>キャプション</a>" ><img src="hogehoge_thumb.jpg " /></a>

▼JS(jquery.lightbox-0.5.js)
76行目あたりから、「title」を「name」に変える。
if ( jQueryMatchedObj.length == 1 ) {
settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('name')));
} else {

for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('name')));
}

以上で、ツールチップが表示されなくなる。

「JQUERY UI Tab」と「jCarousel 」を併用する場合のバグ

jCarousel を複数個作って、JQUERY UI Tab でタブ切り替えにしたら、不具合が生じた。

【現象】
tabを切り替えると、jCarouselの中身が正常に表示されない。

【原因】
jquery.ui.tabs.css
.ui-tabs .ui-tabs-hide { display: none; }

【解決方法】
slider, Google Map, sIFRなどを非アクティブなタブに置くと動作しない

初期化時にサイズの判定を必要とするコンポーネントを隠れたタブコンテンツ内に置くと動作しない。タブパネルはdisplay: noneによって隠されており、中身は正しいwidth、heightを返さない(多くのブラウザでは0になる)。

簡単な回避方法がある。off-leftテクニックを使用し、".ui-tabs .ui-tabs-hide"セレクタのルールを変更する。

.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}

▼参考サイト
http://tech.ludicmind.net/javascript/jquery/jquery_uitabs.html


■IE6は下記を追記
.ui-tabs .ui-tabs-panel { display: block; padding:0; }
*html .ui-tabs .ui-tabs-panel { display: block; padding:0; visibility:visible; height:100%; }

■IE7は下記を追記
.ui-tabs .ui-tabs-hide { visibility: hidden; height:0; position: absolute; left: -10000px;}
*:first-child+html #upperstage .ui-tabs .ui-tabs-hide { display:block; visibility:visible; height:100%;}




網点のグラデーション

①チャンネルパネル:新規チャンネルを作成。
②チャンネルパネル:選択範囲を作成。
③チャンネルパネル:選択範囲をぼかす。
④チャンネルパネル:選択範囲をグレーで塗りつぶす。
⑤チャンネルパネル:チャンネルを選択範囲として読み込む。
⑥チャンネルパネル:選択範囲を反転する。
⑦レイヤーパネル:新規レイヤーを作成。
⑧レイヤーパネル:選択範囲を任意の色で塗りつぶす。