Image Gallery Graph Form Tooltip Table Text Round Syntax Highlight Color Picker Calendar Other
画像をスライドさせるギャラリーが作りたい。 そんなときにおすすめなのが、『jQuery plugin – Easy Image or Content Slider』。jQueryのイメージ&コンテンツスライダーだ。 これを使えば、水平方向や垂直方向に画像をスライドさせることができる。テキストなどのコンテンツも可能だ。 使い方はとてもシンプル。デモは以下から。 » Default non-styled image slider jQueryのイメージ&コンテンツスライダー、チェックしてぜひ見ていただきたい。 » jQuery plugin – Easy Image or Content Slider 今日は新年会。楽しみやね。
Digitale Relevanz für Unternehmen. Wir sind die Medienfreunde, eine Design- und Digitalagentur in Leipzig. Seit 2004 kreieren wir nutzerzentrierte Websites und webbasierte Anwendungen, die hundertprozentig auf die Unternehmensmarke abgestimmt sind und höchsten Standards entsprechen. Unsere Erfahrung ermöglicht eine ganzheitliche Marketingberatung und die Integration der Website in ein schlüssiges
A jQuery plugin that sets a div or span to show a countdown to a given time. The current version is 2.1.0 and is available under the MIT licence. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations. Download now Defaults Formats 1 Formats 2 Layouts Significant Count Up Relative Pause/Lap Time Zones Callbacks Localisa
一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版 小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」(最近のブログ記事)のところにある星マーク(New マークのこと)がそれで(下図参照)、3日以内に作成されたブログ記事に表示されるようにしています。 このテクニックは、荒木さんご自身の著書『 Movable Type... 小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」(最近のブログ記事)のところにある星マーク(New マークのこと)がそれで(下図参照)、3日以内に作成されたブログ
Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back. There are a few tutorials on creating featured content sliders li
Welcome! My name is Brian Reindel, and I write fantasy and science fiction. If you enjoy reading short stories containing the paranormal, supernatural, aliens, other worlds and fascinating characters, then you're in the right place. Ray Bradbury, Isaac Asimov, Arthur C. Clarke and John Wyndham are my primary author influences, including a healthy dose of "The Twilight Zone" and "X-Files" — all add
Introduction Update 17 Dec 2009: I have created a new version of this image slide show. It's more efficient, clean and simple. Please visit: jQuery Photo Slide Show with Slick Caption Tutorial Revisited I will no longer provide support for this old tutorial Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
What it DoesThis plug-in makes links pointing to images open in the "Image Zoom". Clicking a link will zoom out the clicked image to its target-image. Click anywhere on the image or the close-button to zoom the image back in. Only ~3k minified. How to UsejQuery(document.body).imageZoom(); Would make every link pointing to an image in the document open in the zoom. Example CodeHTML<div id="jquery-i
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development. Usage SimpleModal provides 2 simple ways to invoke a modal dialog. As a chained jQuery funct
jQuery GalleryView - by Jack Anderson jQueryを使ったFlashばりにクールなギャラリー「GalleryView」が公開されています。 初期化に以下の数行を書けばOKみたい。 $('#photos').galleryView({ panel_width: 800, panel_height: 300, frame_width: 100, frame_height: 100 }); 動かしているHTMLのなかなか分かりやすいです。 関連エントリ 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 滑らかに画像が切り替わる超絶クールFlash写真ギャラリー「imagin」 色々な画像の見せ方を演出できる画像ギャラリー集
Italy. A beautiful country that my girlfriend and me visited last year during our summer holiday. While we were there, we took a lot of pictures that would look pretty nice on polaroid. Placing them on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play. By combining the CSS3 Box Shad
Example 1 This example shows the layer appears on top or bottom. Lorem ipsum dolor Consectetuer adipiscing elit. Donec eu massa vitae arcu laoreet aliquet. Praesent Maecenas est erat, aliquam a, ornare eu, pretium nec, pede. In hac habitasse Quisque ipsum est, fermentum quis, sodales nec, consectetuer sed, quam. Nulla feugiat lacinia odio. Fusce rhoncus Praesent pellentesque nibh sed nibh. Sed ac
スライダーを導入したい。 でも導入は難しそうだからと、見送っていませんか。 jQueryプラグイン「Easy Slider」なら、あなたのサイトでもすぐに使用できます。 sponsors 使用方法 Easy Sliderからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="easySlider.packed.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider(); }); </script> そしてスライドさせたいコンテンツを以下のように記述します。 <div id=
スライドショー的なJavaScriptは多いですが、ここまで魅せるものはなかったように思います。 jQuery GalleryViewはどこを見ているのか、次の画像は何かなど細かい点にも配慮しています。 sponsors 使用方法 jQuery GalleryViewからファイル一式をダウンロードします。 themesはjsと同じディレクトリにアップして下さい。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.galleryview-1.0.js"></script> <script type=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く