Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Important note: This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native <dialog> element if you need a basic dialog/modal/popup, or my PhotoSwipe library if you need an advanced image
NameBright - Coming Soon
voronianski.com is coming soon This domain is managed at
jQuery File Upload Demo - Basic version
Basic Basic Plus Basic Plus UI AngularJS jQuery UI File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Select files... The maximum file size for uploads in this
[jQuery]スライドショー可能！背景に画像をフルスクリーンで表示させるjqueryプラグイン – MaxImage2 | STUDIO BENKEI
トップページ jQuery [jQuery]スライドショー可能！背景に画像をフルスクリーンで表示させるjqueryプラグイン – MaxImage2 [jQuery]スライドショー可能！背景に画像をフルスクリーンで表示させるjqueryプラグイン – MaxImage2 2013/08/29 新しいネタでもないですが、最近よく使うのでご紹介。背景に画像を表示させるプラグインは沢山ありますが、 5つぐらい試して、MaxImageに落ち着きました。 ■サンプル サンプル サンプル – 背景スライドショー 本家デモページ ■必要ファイル jQuery MaxImage – GitHub ■設置方法(スライドショー無し) cssファイルを読み込みます <link rel="stylesheet" href="/css/jquery.maximage.css" type="text/css" med
![[jQuery]スライドショー可能！背景に画像をフルスクリーンで表示させるjqueryプラグイン – MaxImage2 | STUDIO BENKEI](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bb180a5d03d27bf6d17d42cdf8e333efe16a7b4/height=288;version=1;width=512/https%3A%2F%2Flab.studio-benkei.com%2Fwp-content%2Fuploads%2F2018%2F03%2Fimg130829_350.jpg)
[JS]jQueryのプラグイン33+1選 -2012年5・6月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Champagne エレメントをランダムな順番でアニメーションで表示します。 Real Shadow カーソルを光源としたリアルな影
ショッピングサイトに使えそうなJqueryプラグイン「elevateZoom」 | SHINGO IRIE
ECサイトでよくみかけるような、マウスオーバーでの写真拡大機能を実装できるJqueryプラグイン「elevateZoom」。商品によっては使いドコロが多そうです。 拡大パターンもいろいろ マウスオーバーすると、横に拡大表示されます。 マウスオーバーしたところだけ、虫眼鏡のように拡大されるパターンもあり。 導入方法まず、スクリプトを読み込みます。 <script src='jquery-1.8.3.min.js'></script> <script src='jquery.elevateZoom-2.5.5.min.js'></script> <img id="zoom_01" src='images/small/拡大前.jpg' data-zoom-image="images/large/拡大後.jpg"/> 拡大前の画像と、拡大後の画像を準備して上記のように記述します。 最後に、実行する
jGravity - A jQuery plugin to add gravity to your site :: tinyBIGideas
A jQuery Gravity Plugin Make your website come alive by adding a lil' jGravity. INTRODUCTION jGravity adds gravity to either all or specified elements within a page. Using the plugin is as easy as $('body').jGravity(); which will use default settings to apply the gravity effect, which I think you will find quite similar to how Google presented 'Google Gravity' in an earlier Google easter egg. I cr
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
FlexSlider 2
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); <!-- Place somewhere in the <body> of your page --> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
一枚の画像をjQueryでアニメーションさせるプラグイン「jAni 」 | Web活メモ帳
jAniは背景画像をアニメーションさせるjQueryのプラグインです。 通常であれば画像をアニメーションさせるにはアニメーションGIFを使用するのが一般的ですが、256色しか使用できないという制限もあります。 このプラグインを使用すると、アニメーションGIFの制約がなくなるため綺麗なアニメが制作可能です。 まずはデモをご覧下さい。 jAni jQuery Plugin Demo 用意するのは縦長の画像一枚のみ 実際に必要な画像は縦長の画像一枚のみです。 設定でアニメーション速度（画像の切替速度）を変更する事ができます。 設置の仕方 設定も簡単にできるようです。 まずはjsを読み込みます。 次にCSSを設定します。 htmlに表示する位置をdivで指定します。
[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js
グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsを実際に使用しているサイト「Perkstreet」 [ad#ad-2] champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモページを例に実装方法を紹介します。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
[JS]ページ上のさまざまな要素をぷるぷる振動させるスクリプト -jQuery Vibrate
デモ：更なるエフェクト CSSの各プロパティを変更することもできます。 [ad#ad-2] jQuery Vibrateの実装 JavaScript jQuery Vibrateはさまざまなオプションを簡単に設定できます。 $('.vibrate').vibrate({ speed: 50, // Vibration speed in milliseconds trigger: "mouseover", // Triggering event reverse: false, // Reverse behaviour overEffect: "stop", // Over effect, see details below vibrateClass: "", // CSS class applied when vibrating (New in vers. 1.1!) overClass:
Morf.js - CSS3 Transitions with custom easing functions
Native These are the natively supported easing functions, built into WebKit. linear ease ease-in ease-out ease-in-out Custom These are custom easing functions (thanks to Robert Penner & Thomas Fuchs) that can produce much more interesting transitions. Generated Animation CSS Internally the custom easing function for the transition is faked using CSS animations. Here is the code that is produced on
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more impo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Transit - CSS transitions and transformations for jQuery
SUPERSCROLLORAMA
Joelb.me