canvasで日本地図を表示してくれるjQueryプラグインのJapanMap | スターフィールド株式会社
時々日本地図をサイトに載せ、そこから地域のページにリンクさせるということをすることがありますが、47都道府県のリンクを日本地図上に配置する作業は、とても骨が折れます。 jQueryのプラグインで、Japan Mapという、日本地図をcanvasで表示し、 マウスをホバーしたときや、地域をクリックしたときのアクションをつけることが出入るものが公開されていましたので、ご紹介いたします。 Japan Mapのサイト↓ Japan Map ( jQuery plugin ) DEMO 使い方 まず、Japan Mapのサイトから「jquery-japan-map.js」をダウンロードし、 htmlのheadでjQueryとともに読み込みます。 <head> ・・・ <script type="text/javascript" src="js/jquery-1.9.1.min.js"></scrip
コンテンツスライダー、カルーセルスライダーにもなるjQueryプラグイン | ECサイト｜システム開発会社｜スターフィールド
webサイトのメインビジュアルやバナーの箇所で使われる便利なプラグインを紹介します。 プラグインのダウンロードはこちらから jQuery content slider carousel image slideshow | bxSlider こちらのいいところはカルーセルスライダーになったり、コンテンツスライダーになったり、どちらでも使用できる所です。 まずはDEMOをご覧下さい DEMO 基本的な使い方としては、 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type='text/javascript' src='js/jquery.bxSlider.js'></script>
jQueryのプチプラグイン化でjQueryを使った関数を広く使えるようにする | スターフィールド株式会社
jQueryを使うと、簡単に関数を組むことができますが、 jQueryの性質上、$(function(){・・・});の中に書いた関数は、その中でしか呼び出すことができないため、 サイトの規模が大きくなってくると、ファイルを分けて必要なときだけ呼び出したいときなどに、不都合が生じます。 例： $(function(){ example("#nav");//呼び出し可能 //呼び出したい関数 function example(elm){ elm = $(elm); elm.fadeOut(); return true; } }); $(function(){ example("#nav");//ここからだと呼び出せない });
今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」 | ECサイト｜システム開発会社｜スターフィールド
タイトル通り、今まで見てきた中で、一番高機能なスライドショーかもしれません。 機能が豊富で、その設定もそこまで難しくないということで、 使いやすいプラグインです。 レスポンシブにも対応しており、 動画を組み込んだり、フルスクリーンにもできたりします。 簡単に特徴をあげると、 ・スライドアニメーションのエフェクトが豊富 ・スキン(カラー)が豊富にある ・サムネイル、ナビゲーション、ページング等の設定がいろんなパターンに対応 ・レスポンシブ対応 ・スライドのローダーが付いている ・キャプションが付けられる といったところでしょうか。 ローダーが付いているのは、今までにほとんど見たことなかったので、 けっこういいですね。 ただ、html5なので、ieはそこまで対応していないかもしれません。 （いけてie8くらいまでかな） デモを作成したので、ぜひ見てみてください。 DEMO
スターフィールド株式会社｜グローバルEC支援
Visionビジョン「世界をもっと身近に」 私たちはグローバルECを通して、個人としても組織としても、国境の隔たりを感じることのない、ボーダレスな社会の実現を目指します。
カルーセル・スライダーになる万能jQueryプラグイン「carouFredSel」 | ECサイト｜システム開発会社｜スターフィールド
今回は、かなり使えそうなjQueryプラグイン「carouFredSel」というものをご紹介します。 カルーセルやスライダーにもなるということで、以前、bxSliderというプラグインを紹介しましたが、そちらよりも、機能はあるかもしれません。(その記事はこちら) こちらのプラグインでできることを簡単にあげますと、 ・オプションが豊富で、自由にカスタマイズできる ・スライドを自動/手動、マウスホイール、スワイプ等で設定可能 ・レスポンシブやリキッド等のレイアウトに対応 ・ページネーション、次へ、前へのボタンの設置が可能 ・スライドの向き（上下左右）、エフェクト（9種類）、イージング（5種類）から設定可能 ・スライド毎の横幅、縦幅が別でも伸縮してスライドしてくれる ・動的に、スライドを追加したり、削除することが可能 とこんな感じです。 なにより、高さが違うものをスライドできるのは、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
