25 JavaScript Photo Slideshows Used in Web Layouts - DesignM.ag
Most web developers have at least heard about the many JavaScript photo slider plugins. These often utilize a library such as jQuery to construct plug-and-play galleries within just a few minutes. Yet after so many years of project growth we can find dozens of unique examples and animations in this field. Developers have become creative applying custom techniques with jQuery UI, MooTools, Prototyp
30のスライドショーのデザイン
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
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
Yahoo User Interface(YUI）ベースのスライドショーを実装 - shoe-g.com 植山周志のぶっ飛びブログ
以前、自分が作ったZEN DISTROのサイトにYahooが提供している ライブラリーYahoo User Interface（YUI）を適用したという記事を書いた そのYUIをベースに画像のスライドショーをするというまた、素敵な機能を作った人がいるので これまたスライドショーの機能をZENのサイトに適用してみた ここからスライドショー見れますよ。 以前なら、このような画像のスライドショーとリンク先を変更するにはFLASHで作っていたが それがJavaScriptで実現できるようになったのはとても嬉しいね。 なんで嬉しいかって？ それは更新が簡単だからさ FLASHで作ると画像を後で変更したいときに、とても面倒なんだ。 専門知識がいろいろいるから、簡単にはできないんだ。 でも、JavaScriptとHTMLで作れると更新が非常に簡単!! しかも、ZENのサイトの場合は画像、画像のリンク先
[JS]スクリプトやスタイルシートだけで実装する画像ギャラリー集
Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gal
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログ
HTML5のスライドショー | Web活メモ帳
[JS]二枚の画像を少しずつブレンドして切り替えるスクリプト -Floom
Thematic WordPress Theme Toolbox: 10 extremely useful hooks