Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
サークル状の操作で画像を切り替えるjQueryプラグイン「Tiny Circleslider」｜BLACKFLAG
jQueryでの画像ギャラリー的なプラグインはスライドショーやモーダルウィンドウなど定番なものがありますが、 操作するポイントがサークル状に回転して動作する、今までとは一味違うjQuery画像切り替えプラグイン 「Tiny Circleslider」がおもしろかったのでご紹介。 ≫Tiny Circleslider: A lightweight jQuery plugin デモ画面は以下の様な感じに Tiny Circleslider – EXAMPLES 操作ポイントをサークル状に回したり、サークル内にクリックポイントを設置したり、 パターンもいくつかあり、オートアニメーションも可能になっているなど オプションも充実しているもよう。 デモ画面では写真をクリックすると FancyBoxを使ったモーダルウィンドウが開きます。 組み込み方法もチュートリアルを見る限り シンプルですぐに実装できそ
シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider
よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul>デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示させ
hash slider by manjographics
HASHSLIDER V2 OUT NOW! You can found an improved version of the hashslider here simple jquery hash-slider This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider. I was searching for a script like this for a while but didn't find one and so a decided to make one myself. For example: http://you
jCarouselのエラーの原因はCSSにあった - 主に技術的なことを書くブログ
jQueryでカルーセル表示させるjCarouselをカスタマイズしようと、とりあえずCSSを読み込まずに組み込んでみたら jCarousel: No width/height set for items. This will cause an infinite loop. Aborting... というエラーが出て動かなかったので、いろいろ探ってみたら、 .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } という部分、.jcarousel-item-horizontal というクラス指定を消してしまうと、アイテムの高さと横幅があれして無限ループします的なエラーが出て止まるみたいです。 それでエラーはなくなったんですけど、こんどはなんでか、中に4つほど並ぶ予定のリストの横幅が勝手にスタイルが直書き
Amazonスタイルのアイテムスクローラー実装jQueryプラグイン:phpspot開発日誌
Plugins | jQuery Plugins Amazonスタイルのアイテムスクローラー実装jQueryプラグイン。 amazonでよく見る次のようなアイテムスクローラーをjQueryで簡単に実装できます。 <ul>でアイテムリストを定義しておいて、$(element).amazon_scroller({options}); のようにして簡単に初期化することが可能です。 ブログエントリの下部でのオススメ商品なんかの紹介に使えそうですね。 関連エントリ 画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」 カートが目立たず、いい感じにスライドしてくれるショッピングカートの仕組み コンテンツを滑らかにスライドさせるjQueryプラグイン
Amazon style image and title scroller with jQuery | image scroller
Usage Add js and css files. <link href="css/amazon_scroller.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/amazon_scroller.js"></script> Add html tags. <div id="amazon_scroller1" class="amazon_scroller"> <div class="amazon_scroller_mask"> <ul> <li><a href="link1" title="title1"><img src="ima
画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」:phpspot開発日誌
画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」 2010年07月26日- Sudo Slider jQuery Plugin Demo#1 画像やHTML、動画等何でもスライドできちゃウィジェット実装jQueryプラグイン「Sudo Slider」。 簡単な定義でなんでもスライダーとして動作させちゃうことが出来ます。 <div>の中に<ul>リストで<li>内にコンテンツを並べるだけであとは順次スライドしてくれるようです。 あとはAjaxによるコンテンツ読み込みにも対応してるみたい 以下にサンプルをご紹介。 シンプルな画像スライダー ページ送りを追加した例 ページ送りは番号だけじゃなくて特定文字列の定義も可能 タブっぽいUIにすることも可能。コンテンツの高さは自動でアニメーションしながら調節されるようにしたりもできる 他にも色々
Sudo Slider | Demos
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スライドショー | Web活メモ帳
通常、画像ギャラリーを作る際には全ての画像を同一のサイズにリサイズ調整してから表示させると思いますが、 このプラグインを使うと自動的に最適なサイズになるように調整してくれます。 （サーバーサイドのスクリプトは使用しないので、ファイルサイズはそのままです。） 以下のようなコードで動作するようです。 画像ファイルの配列をプラグインに渡すだけで、簡単にできました。 //画像ファイルをここで指定します。 var carousel_images = [ "1.jpg", "3575375564_79ab90dca8_b.jpg", "2505235306_b456603cf3_b.jpg", "2925947121_8b1f95c95b_b.jpg", "4481220450_91b0aa9e99_b.jpg", "299048945_faba1a6a4b_b.jpg", "2335224771_c
jQuery Image Scale Carousel
What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what's so nice about this jQuery plug-in; you don't have to worry about all of your images being perfectly sized
多機能且つ、クロスブラウザ対応のカルーセルを実装するjQueryプラグイン・carouFredSel
使い勝手が凄く良さそうだったので メモ&シェア。クロスブラウザ対応の カルーセルを実装するjQueryプラグ イン・carouFredSelのご紹介です。 シンプルながら縦タイプ、スライド、 lightboxを付加させる事が出来る等 オプションも豊富です。 動きやデザインはシンプルなんですが、色々とカスタマイズ出来る仕様で、クロスブラウザ対応、という感じのカルーセル系jQueryプラグインです。
軽量のイメージスライダー実装jQueryプラグイン「Orbit」:phpspot開発日誌
ZURB ? Interaction Design and Design Strategy 軽量のイメージスライダー実装jQueryプラグイン「Orbit」。 わずか2.8KBというサイズでクールな動作をするイメージスライダーの実装が可能です。 実装方法は必要なJS, CSSを読み込んだ後に、<div>の中に<img>タグを並べるだけです。title、altタグにキャプションを設定しておけば下に表示されます。 実装が超簡単かつ軽量ということでいい感じです。 関連エントリ Flickr風のイメージスライダーを作ってみよう JavaScript製の画像スライダー・ギャラリーいろいろ クールに動作するスライダーを実現するJSライブラリ「Start/Stop Slider」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kwicks - jQuery設置メモ
スライドショー
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/
Tiny Circleslider: A lightweight cross browser circular carousel.
http://blog.net-king.com/2010/06/11/jquery%E3%81%AE%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%80%81jcarousellite%E3%82%92%E4%BD%BF%E3%81%86/
Demo for Image gallery with fancy transitions effects(jQuery)
http://caroufredsel.frebsite.nl/