SIDEWAYS


Description: 全画面をギャラリーとして使うプラグイン。左サムネイルで大きな画像を切り替えます。マウスの動きに合わせてサイドスライド、全画面に画像を表示します。その場で次の画像に移動もできます。
Sample: demo
Tutorial: SIDEWAYS – JQUERY FULLSCREEN IMAGE GALLERY
License: -

Note

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery.mousewheel.min.js" type="text/javascript"></script>

jQueryとeasingを使ってプラグインのパスを記入する。
マークアップでonclickメソッドを使う。

<a onclick="javascript:pageTracker._trackPageview('/downloads/imgs/space/Universe_and_planets_digital_art_wallpaper_lucernarium.jpg');" href="imgs/space/Universe_and_planets_digital_art_wallpaper_lucernarium.jpg" class="thumb_link"><span class="selected"></span><img src="imgs/space/Universe_and_planets_digital_art_wallpaper_lucernarium_thumb.jpg" title="Supremus Lucernarium" alt="Supremus Lucernarium" class="thumb"></a>

Related snippet :

  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: Facebookのように、インスタンスサーチから選択後にタグ化出来るプラグインです。大量の選択肢がある場合は、ドロップダウンや入力方式であることが殆 ...
  • Description: キーワードでその場でTwitter検索を可能にするプラグインです。jqueryUIとjQuery Twitter Search Pluginを併用し ...
  • Description: クロスブラウザ対応で使いやすいLightbox系のプラグイン。エフェクトやアニメーションがとっても可愛いです。画像をグループ化してマウスホイールで勧 ...
  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...
  • Description: 自動で時系列を崩さない配列を組みます。組み直す際のアニメーションもあります。 Sample: demo Tutorial: ...