Slicebox – A fresh 3D image slider with graceful fallback | Codrops
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don’t support the new properties. With the CSS 3D Transforms we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create t
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>
iPad風jQueryイメージスライダーをWordPress記事に組み込む | ゆっくりと…
Build an iPad-Themed Image Slider With jQuery のチュートリアルを参考に iPad風イメージスライダーを WordPress 記事に組み入れてみました。それだけだとアレなので、超簡単にレイアウトする方法と、表示するページにだけ CSS と JavaScript を <head> ～ </head> に埋め込む方法を解説してみました。 1.HTMLの骨格 このイメージスライダーの iPad は張りボテで、中身は Nivo Slider が使われています。あちこちで紹介されているので、一度は見たことがあるのではないでしょうか。 ページ最下端のボタンで ダウンロード し、jquery.nivo.slider.pack.js と nivo-slider.css を取り出しておきましょう。 基本的な使い方は非常に簡単で、以下の HTML 「(2) 画像ファ
複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。 あんまり見かけないタイプのスライダーですね・・省スペースに沢山の情報を表示させたい、という時に使えそうな使わなそうな。たまに似たようなインターフェース見かけますね。 これらの8つのコンテンツ部分が同時にスライドします。オプションで数を減らしたり速度を変えたり。 デモ見たほうが早いですね。説明下手ですみません。 Demo js <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.m
スライドギャラリーいろいろ
jQuery sliders have been spotted to be commonly used in portfolio sites, corporate websites, blogs and any other type of websites to display the images in different impressive ways. And it's now indeed a very popular functional widget, since apart from showing large amount of core site content in a limited space on a website, any jQuery slider also has a great capability to engage the viewers and
Coda-Slider 1.1#5
eBiz Facts is reader-supported. When you buy with our links, we may earn a commission. Learn more. Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s
Fancy Sliding Form with jQuery | Codrops
Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images. So let’s start! Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Check out our Collective and stay in the
Serie3 - Workshops
ABOUT The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self. Demonstration HOW TO USE It is very easy. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jquery-presentation - Project Hosting on Google Code
kyrielles.net