タグ

2010年11月9日のブックマーク (4件)

  • IE8だとFancyBoxのクローズボタンが消える!

    当ブログの画像表示方法として、FancyBoxのポップアップを採用しました。導入の際にはこちらの投稿がとても参考になりました。著者に感謝です。 導入できれば、後は通常の手順で画像をアップロードすれば良いので簡単・お手軽。 もちろん、過去の投稿にも適用されます。 で、普段FireFoxを使っているので気付かなかったのですが、IE8で表示させてみると、画像の右上に表示されるはずのクローズボタンが表示されません。 画像以外の部分をクリックすれば消えるのですが、これではダサすぎます。 調べてみると、どうやらIE8の場合、FancyBoxで使用する画像の場所を絶対URL(フルパス)で記述してあげないとダメなようです。 そこで、「jquery.fancybox-1.3.1.css」 を適当なエディタで開いて、最後の方に記述されている「/* IE */」部分に手を加えました。具体的には... src='

    IE8だとFancyBoxのクローズボタンが消える!
    himoton
    himoton 2010/11/09
    FancyBoxを使う時の注意点
  • 転送中

    himoton
    himoton 2010/11/09
    FancyBoxの実装方法
  • Fancybox - Fancy lightbox alternative

    This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi

    himoton
    himoton 2010/11/09
    画像だけじゃなく、テキストやページやswfも表示可能。MIT・GPLなので商用可
  • シンプルだけど使えそうなドロップダウンメニュー実装jQueryプラグイン:phpspot開発日誌

    Simple Dropdown List Plugin - Examples シンプルだけど使えそうなドロップダウンメニュー実装jQueryプラグイン。 次のような見た目で、クリックするとアニメーションしながら開くドロップダウンを簡単に実装できます。 クリックでアニメーションしながら開きます。 タグ的には<ul><li>のリストでアイテムを定義しておいて、$.simpledropdown(element); で初期化できるようです。 デフォルトのデザインはちょっとカッコ悪いですが、CSSでデザインを直せばそれなりに使えそうですね <select>じゃなくて、独自デザインで作りたい場合にサクッと実装できそうなので覚えておいてもよいかも。 関連エントリ ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 コンテンツがたっぷりつまって使