軽くて高機能なjQuery LightBoxプラグイン

1月 29th, 2012

わりと動きが軽くて高機能なプラグインがあったのでエントリ。
グループ画像のサムネールが表示されたり、SNSへ投稿出来たりなかなか高機能です。

デモなど詳細はこちら

jQuery lightbox for images, videos, YouTube, iframes, ajax | Stéphane Caron – No Margin For Errors

以下使用例です。

画像リンクに rel=”prettyPhoto[images]”を追加。
(グループ化したgalleryタイプにしてます。)

<a href="拡大画像.jpg" rel="prettyPhoto[images]">
<img src="サムネール画像.jpg">
</a>


スクリプト類を読み込み

<script src="/path/to/js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="/path/to/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="/path/to/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>


ダークテーマのオプション設定例

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
 
allow_resize: true,
social_tools: false,
show_title: false,
theme: 'dark_rounded'
 
});
});
</script>



オプションなどドキュメントはこちら
prettyPhoto documentation | Stéphane Caron – No Margin For Errors

Related Posts

3 Comments

  • I know this if off topic but I’m looking into starting
    my own blog and was curious what all is needed to
    get setup? I’m assuming having a blog like yours would
    cost a pretty penny? I’m not very web smart
    so I’m not 100% certain. Any tips or advice would be greatly appreciated.
    Many thanks

  • linettehpexh.pen.io

    5月 th, 2014 11:57 AM

    One of the bright red Toyota Camry Hybrid LXE
    can cost almost $40, 000 car parts by vin number car,it is imperative that you carry higher likits of coverage and
    location. Like patina, these” finds” are also faked,right down
    to photographing the car in this movie. That 2020 goal will be difficult car parts by vin number to go through all
    the tractor trailers. Touting the benefits of
    used cars will always car parts by vin number make some space for themselves.

  • Seneca Trail Tour

    8月 th, 2014 3:23 AM

    I think this is one of the such a lot significant info for me.
    And i’m glad studying youyr article. But wana remark
    on some common things, The web site taste is wonderful, thee articles is in reality great : D.
    Excellent job, cheers