検索結果

2012-06-10

jQuery
fancybox(v2.0.6)のiframe機能を使って、あるHTMLページを表示させようとしたところ、
コンテンツの高さをheightで指定しているにもかかわらず、100pxくらいの小さい高さしか
表示されない現象が起こりました。

指定するページをYahooとかの外部サイトにすると問題なく表示されるのに、
自分のサイトのページだといくらやっても狭い表示に。。

続きを読む »

2011-02-22

Lightboxやfancyboxを使っていて、クリックして拡大した先に文字情報を入れる場合、
aタグのtitle属性に文字を入れます。
すると当然のことながら、マウスを画像に当てたときにその文章が表示され、
長い文章でタグを含んだりすると非常に不格好です。

その場合、画像のimgタグにもtitle属性を入れてあげると
そちらが優先して表示されます。

例)
<a href="1.jpg" title="商品名<br />価格<br />コメント" rel="lightbox[1]"><img src="1s.jpg" width="100" height="100" alt="商品1" title="商品1"></a>

2010-07-30

ある仕事で、画像拡大表示のスクリプトにfancyboxを使用していたのですが、
IE6の場合、1.2.6ではCLOSEボタンなどがちゃんと表示されているのに、
1.3.1にすると表示されていないことに気付きました。

いろいろ調べてみたところ、jquery.fancybox-1.3.1.cssの中にある
IE用画像パス(DXImageTransform.Microsoft.AlphaImageLoaderの部分)は
CSSからのパスではなく、HTMLファイルからのパスでないとダメだったようです。

参考サイト
http://html-study-diary.blog.so-net.ne.jp/2010-04-25

2010-08-23

fancyboxをちょっと改造していて、IEだけどうにも表示がうまくいかなかったので、
CSSハックを使いました。

IE6、IE7に対応させるのはスラッシュだけでいけるのとかを知らなかったので、
あまりハックに頼るのは良くないですが、覚えておくとやっぱり便利だなと思いました。

参考サイト
http://www.webcreatorbox.com/tech/css-hack-list/