写真スライド jCarousel - Riding carousels with jQueryjCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. It provides a full-featured and flexible toolset for navigating any HTML based content in a carousel-like fashion.
ColorBox - ポップアップ内を自由に設定できる活かしたjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
input要素にも使えるjQueryのロールオーバープラグイン - Rewish
jQueryプラグインの習作をするために作成したモノではありますが、プラグイン化したことでかなり楽に使えるようになったので、気が向いたら使ってみてください。 ライブラリについて HTMLを汚さず、簡単に画像のロールオーバーを実装できます。 ダウンロード jquery.rollover.js - v1.0.4 ライセンス MIT License 主な機能 HTMLで指定するのは初期表示の画像だけ 指定された箇所でも _on が付いている画像は無視 ロールオーバー画像をプリロード 拡張子は何でもOK (png, jpg, jpeg, gif, etc…) ロールオーバー画像を示す _on の部分を自由に変更できる 使用方法 画像を用意する example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じデ
JavaScriptやPHPで顔認識する場合は「face.com」のAPIが使えそう:phpspot開発日誌
JavaScriptやPHPで顔認識する場合は「face.com」のAPIが使えそうです。 先日、「1年で70億枚の顔写真をスキャンしたFace.comが顔認識APIを無料で一般公開」という記事にて知ったのですが、公式サイトのDownloadページにてPHPとJavaScriptのクライアントライブラリが公開されてるみたいです。 face.com developers site Download クラスライブラリの形なので非常に簡単に利用することができるようです。 face.comのビジネスモデルと事業の継続性については気になるところですが、お手軽に重い処理をアウトソースできるという点で魅力的ですね。 勿論、このサービスが停止しなくなれば使えなくなるので安定したサービスを提供したい場合には自前でOpenCVを入れてやった方が良さそうです。 関連エントリ PHPでOpenCVなしのピュアPH
Demo | jQuery.popeye 2.0 | an inline lightbox alternative
x Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Except for IE6, though, which I didn't bother to include. Feel free to come up with your own solution ;-) Eyes of a Holcocephala fusca Robber
An Awesome CSS3 Lightbox Gallery With jQuery
In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it. It will be search-engine friendly and even be compatible with browsers which date back as far as IE6 (although some of the awesomeness is lost). We
画像の側にテキストを回り込ませるJavaScript「jQSlickWrap」
twitter facebook hatena google pocket 画像にテキストを回り込ませると、通常テキストは四角に区切られたエリア単位となります。 円や変な形状の画像のすぐ側に沿って回り込ませたい・・・そんなあなたに jQueryプラグインのjQSlickWrapです。 sponsors 使用方法 jQSlickWrapからjquery.slickwrap.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.slickwrap.js"></script> <script type="text/javascript"> $(function(){ $('.c
ASCII.jp：HTML5のcanvasで作る画像フィルター (1/6)｜古籏一浩のJavaScriptラボ
※この記事は「古籏一浩のJavaScriptラボ」の第14回です。過去の記事も合わせてご覧ください。 現在の主要なWebブラウザーには、グラフィックを自由に描画できる「canvas」機能が用意されています（Internet Explorerを除く）。canvasは、W3C（World Wide Web Consortium）で策定が進んでいる「HTML5」に含まれる新しい要素です。HTML5の仕様はまだ正式に決まっていませんが、canvasは仕様策定の早い段階から盛り込まれていたため、すでに多くのブラウザーに実装されています。また、canvasへの対応が遅れているInternet Explorer（IE）でも、「ExplorerCanvas」などのJavaScriptライブラリーを使えば、ある程度の機能をエミュレートできます。 canvasを利用したペイント canvasを利用すると複雑な
dev.herr-schuessler.de | jQuery.popeye - an inline lightbox alternative | Demo page
jquery.popeye demo page The first popeye-box to the left of this paragraph opens to the right (standard behavior). Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras euismod risus non diam. Proin et neque. Fusce molestie eros et urna. Aliquam sed enim nec lacus bibendum suscipit. Sed varius, quam nec aliquam sagittis, risus sapien luctus nisi, sit amet convallis risus metus a mauris. C
MOONGIFT: » Google製のJavaScriptによるイメージ生成エンジン「Top Draw」:オープンソースを毎日紹介
アートな世界は感性的な要素が強く、デジタルな世界からのアプローチは難しい。だが、幾何学的な美しさや緻密さから生み出されるアートは技術からもアプローチができる。そんな可能性を感じさせてくれるソフトウェアが登場した。 幾何学的な模様が描き出される 今回紹介するオープンソース・ソフトウェアのTop Drawは、Google製のソフトウェアで、JavaScriptを使って画像を生成するというものだ。プログラミングから生み出されるものだけあって、幾何学的で、それでいてMac OSXらしさが加わった面白さに溢れている。 Top Drawを起動するとメニューバーにアイコンが表示される。そしてテーマを決めて指定時間が経過すると背景が変わっていく。それらは常に数式によって生み出されるものなので、表示されるたびに内容が変化している。 設定画面 プログラムはそれほど長くなく、60行程度のものになっている。なので
MOONGIFT: IEでもcanvasを「ExplorerCanvas」:オープンソースを毎日紹介
次世代のWeb技術として注目を集めているCanvas。ブラウザ画面上で絵を描いたり、2Dや3Dのグラフィックスがダイナミックに描ける技術だ。 しかし一つ問題がある。それは対応ブラウザがFirefoxやOperaに限られることだ。シェアが若干落ちたとは言え、もっとも普及しているIEが対応していないのは問題だ。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはExplorerCanvas、IE向けのCanvas実現ソフトウェアだ。 ExplorerCanvasを使うと、ブラウザ上でダイナミックな描画が可能になる。もちろん、クロスブラウザに対応し、Firefoxでも利用できる。 サンプルが同根されているので、一度試してみて欲しい。画像をダイナミックに回転させたり、細かい粒が飛び交うアクションは表現力の豊かになったWebサイトの形を連想させる。 これらをFlashなどを使って実
cabel.name: FancyZoom 1.1
Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done! Smooth Javasc
fancyBox
Fancybox Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. It is built using TypeScript for use with various modern application frameworks (React, Vue, etc) or simply with pure Javascript. It is built using the Carousel component under the hood, and the Panzoom component is used to make the images interactive. Key Fe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery.popeye 2.0 | an inline lightbox alternative
Google製のJavaScriptによるイメージ生成エンジン·Top Draw MOONGIFT
SexyLightBox - www.coders.me
http://www.coders.me/ejemplos/sexy-lightbox
IEでもcanvasを·ExplorerCanvas MOONGIFT
http://web.hirot.jp/sample/lightview/
http://web.hirot.jp/sample/lightview