Slider.js: Slideshow wit... / Diapo | a free jQuery sl... / Nivo jQuery Slider他...全20件
![jQueryスライドショープラグインいろいろ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f182fc66142fad1b303f1fb20b531a7f9414cbf/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2011%2F11%2F11%2Fl_2011-11-11_de388dd8677c9d9b3946615afaa86b8a.jpg)
Slider.js: Slideshow wit... / Diapo | a free jQuery sl... / Nivo jQuery Slider他...全20件
Creating slides for the portfolio items, product slides and featured articles are great techniques to show several pieces of content in a limited amount of space and a good way to engage the user. Fortunately adding that features doesn’t have to be difficult, with wordpress slideshow plugins. In this post we have collected some beautiful and amazing wordpress slideshow plugins, that hope it will h
WordPress is the best CMS for bloggers because it’s easy to use and manage, especially plugins and other application settings. Talking about wordpress plugin, We’ve decided to collect plugins that can make your images more presentable. Using some of these plugins, you can manage and display photo albums and slideshow within your WordPress site. In this next post, we had come up with 25 Free Slides
If you need help, the first thing you should do is read the documentation. Start with reading howto setup the slider if you are completely lost. I like my work, like to see a piece of code grow. But humans doensn't live of air alone. So if you like my creation, you should consider giving me a cup of coffee.
シンプルだけどとってもクールなスライドショー実装jQueryプラグイン「simpleSli.de」 2010年04月15日- simpleSli.de: A Super-Simple jQuery Slideshow Plugin シンプルだけどとってもクールなスライドショー実装jQueryプラグイン「simpleSli.de」。 画像は勿論、テキストベースのコンテンツなどもスライドとして枠内に複数のコンテンツを収納してしまえる便利なプラグインです。 カーソルが合うと、左右のページナビゲーションが現れ、クリックでページ移動が可能。 スライドの下部にプログレスバーが表示されており、大体どの辺かというのも分かるようになってます。 実装時のHTMLの次のように綺麗に定義できます。simpleSlide-slide の中に好きなHTMLで書けばOK <div class="simpleSlide-
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル(イメージスライダー) Easy Slider
When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem. However, to make a lasting impression to your visitors, you need to present them with something they have not seen before. Today we are
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
slideViewerPro 1.5 A 'pro' jQuery image slider built on a single unordered list. Cool! What's this? slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts. slideViewerPro is the direct descendant of the popular jQuery slideViewer plugin. Each gallery generates a us
The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments! Form Validation jQuery Validate A plugin that allows you to build client-side validation and Ajax forms.
jQueryを使用して、画像に半透明の見出しとキャプションをスライド表示させるチュートリアルをQuenessから紹介します。 Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery demo デモでは画像にマウスをホバーすると、上から見出し、下からキャプションをスライド表示させます。 見出しとキャプションは画像の前後にdiv要素で実装されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="photo"> <div class="heading"><span>Telephoto Lens</span></div> <img src="images/fall.jpg" width="350" h
管理しているサイトでも使用している「s3Slider jQuery plugin」の紹介。 トップページなどで写真を使用する場合など少し見栄えがよくなるかも?一度作成しておけば、同じサイズの写真を追加・変更するだけで簡単に更新できます。デモのようにスライド部分の設定はリストタグ内のclassで上からスライドなら”top”。下からスライドは”bottom”に変更すればOK。 配布元:s3Slider jQuery plugin ※配布元に左右のスライドもあります。 DEMO: ソース: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19
全画面の写真のスライドショーは迫力があり、写真や作品の魅力を十分に伝えてくれます。皆さんは全画面の写真スライドをWEB上で制作するときどういった物をつかっていますでしょうか?今日紹介するのはJQueryで実現するフルスクリーンスライドショー「supersized」です。 実装もものすごく簡単で、ソースファイルを丸ごとダウンロードできますので、収録されているphpを改変していけば簡単にカスタマイズもできるようになっています。 詳しくは以下 オプションとしてある程度スライドショー制御に必要なパラメーターが割り当てられていて、簡単にエフェクトやスピード等を制御できるようになっています。またデザインはCSSで制御されているみたいなので、ある程度自分の思った通りのデザインに変更する事ができます。 公式サイトは英語ですが、普段からWEBを制作している人や触れている人は問題なく理解できるかと思います。フ
This page provides an overview of all important pages on CatsWhoCode.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く