Automatic Image Slider w/ CSS & jQuery | Simple Image Slider Tutorial | jQuery Slider | jQuery Image Rotator
With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. The html based image slider will have its benefits with SEO and will also degrade gracefully for
66 Examples of Perfect SlideShow Presentation in Web Design
One of the interesting trends which I noticed recently is to representing the key information in slideshow presentation. Modern age designers love to experiment with things and observe how people interact with our work. Even though this is not a common trend to follow but still as the new design styles come up, and as more and more designers notice them and make use of them in their work, this kin
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
Create a Simple Infinite Carousel with jQuery
Introduction Finally, I have times for this carousel script. I always think that it's hard to figure it out, but thanks to a tutorial - Making a jQuery Infinite Carousel with nice features from tutsvalley. I learnt something new from there. So, yes, I modify the code and make it into something I want, and hopefully this is what you want as well :) 1. HTML Alright, We have a main wrapper called car
Stu Nicholls | CSS PLAY | CSS slideshow by numbers
CSS DEMOS › Slideshow by numbers Date : 10th November 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information This one is based on several versions that I have seen which use Flash and javascript with slide effects etc. I thought that it would be nice to produce a CSS only version without the 'special effects' but having similar functio
jQuery slideViewerPro 1.5
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
40 Super-Neat JavaScript Plugins | Envato Tuts+
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.
[JS]画像に見出しとキャプションをスライド表示させるチュートリアル
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」
管理しているサイトでも使用している「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
jQueryで実現するフルスクリーンスライドショー「supersized」
全画面の写真のスライドショーは迫力があり、写真や作品の魅力を十分に伝えてくれます。皆さんは全画面の写真スライドをWEB上で制作するときどういった物をつかっていますでしょうか？今日紹介するのはJQueryで実現するフルスクリーンスライドショー「supersized」です。 実装もものすごく簡単で、ソースファイルを丸ごとダウンロードできますので、収録されているphpを改変していけば簡単にカスタマイズもできるようになっています。 詳しくは以下 オプションとしてある程度スライドショー制御に必要なパラメーターが割り当てられていて、簡単にエフェクトやスピード等を制御できるようになっています。またデザインはCSSで制御されているみたいなので、ある程度自分の思った通りのデザインに変更する事ができます。 公式サイトは英語ですが、普段からWEBを制作している人や触れている人は問題なく理解できるかと思います。フ
Tumblr でスライドショー: BananaBlog
Tumblr でスライドショー [ blog] しつこく Tumblr ネタですみません（笑） 前回 Tumblr の 写真のサムネイルをブログのバナースペースに表示させてみました。あれから CSS を修正してマウスオーバー時のサムネイル拡大表示を見やすくしてみました。いい感じです。 さて次の野望？はスライドショー！ ここまで来たら Tumblr の写真をスライドショーで見たいと思うのが自然の成り行きです（ほんとか？） 今回使用するのは、これですヽ(*ﾟ▽ﾟ)ノ tumblr image slideshow / Yahoo! Pipes Yahoo! Pipes というのは 視覚的にモジュール同士をパイプで繋いでWebサービスをマッシュアップするという画期的で便利なツールです。 いろんな人たちが素敵な Pipes を公開しているのでそれを利用させてもらいましょう。今回の Pipes
Yahoo User Interface(YUI）ベースのスライドショーを実装 - shoe-g.com 植山周志のぶっ飛びブログ
以前、自分が作ったZEN DISTROのサイトにYahooが提供している ライブラリーYahoo User Interface（YUI）を適用したという記事を書いた そのYUIをベースに画像のスライドショーをするというまた、素敵な機能を作った人がいるので これまたスライドショーの機能をZENのサイトに適用してみた ここからスライドショー見れますよ。 以前なら、このような画像のスライドショーとリンク先を変更するにはFLASHで作っていたが それがJavaScriptで実現できるようになったのはとても嬉しいね。 なんで嬉しいかって？ それは更新が簡単だからさ FLASHで作ると画像を後で変更したいときに、とても面倒なんだ。 専門知識がいろいろいるから、簡単にはできないんだ。 でも、JavaScriptとHTMLで作れると更新が非常に簡単!! しかも、ZENのサイトの場合は画像、画像のリンク先
MOONGIFT: » チェック必須！Web上で動作するプレゼンテーションソフトウェア「Slimey」:オープンソースを毎日紹介
先日のConcrete5に続き、これまたどきどきしてしまうようなソフトウェア。こんなものがオープンソースで出るようになると、独自開発する意味はどんどんなくなっていきそうだ。 こ、こんなものがオープンソースだなんて… 280 Slidesと言うサービスがある。280 North, Inc.が開発しているAppleのプレゼンテーション作成ソフトウェアであるKeynote風のWebアプリケーションなのだが、その出来に衝撃を受けた覚えがある。同様にGoogleドキュメントのプレゼンテーションも良くできている。それをオープンソースで実現してしまうのがSlimeyだ。 SlimeyはGPLの下に公開されているオープンソース・ソフトウェアで、プレゼンテーションを作成するアプリケーションだ。 実現できることはまさにGoogleドキュメントのプレゼンテーションやKeynoteと同様のプレゼンテーション作成だ
[JS]スクリプトやスタイルシートだけで実装する画像ギャラリー集
Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gal
MooToolsで作るクールなフォトギャラリー – creamu
かっこよくアニメーションするフォトギャラリーが作りたい。 そんなあなたにおすすめなのが、『Create a Spectacular Photo Gallery with MooTools』。MooToolsで作るクールなフォトギャラリーだ。 このエントリーでは、↑のようなフォトギャラリーの作り方が紹介されている。 画像をクリックすると、背景がグレーアウトして画像が浮かび上がる仕組みだ。 デモは↓から。 » DEMO MooToolsで作るクールなフォトギャラリー、チェックしてぜひ参考にしてみてはいかがだろうか。 昨日は友達の家で飲み。めちゃ楽しかった。 まいたけと豚肉の焼きそばを作ってなかなかおいしかった。緑のものを入れたかったな。
JavaScript製の画像スライダー・ギャラリーいろいろ:phpspot開発日誌
Top 10 Javascript slideshows, carousels and sliders JavaScript製の画像スライダー・ギャラリーいろいろ。 JavaScriptで画像を使ってアニメーションさせたり、リスト管理したりするライブラリが多数紹介されています。 SpaceGallery Noobslide Accessible News Slider SmoothGallery jQuery Multimedia Portfolio JCarousel Glider Carousel Carousel slideshow Carousel.us 過去の画像ギャラリー関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]二枚の画像を少しずつブレンドして切り替えるスクリプト -Floom
Loading...
syboos.jp
Thematic WordPress Theme Toolbox: 10 extremely useful hooks