04-08 : FlexSlider 2
準備 jQueryライブラリのため、jQueryとセットで読み込みます。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script src="jquery-1.8.2.min.js"><\/script>')</script> <link type="text/css" rel="stylesheet" href="js/flexslider/flexslider.css"> <script type="text/javascript" src="js/flexslider/jquery.flex
中小企業のWebマーケティング - 株式会社DCT
中小企業のWebマーケティングを サポートします。 Webマーケティングの戦略策定からWebサイト制作、運営・管理、改善まで ワンストップでサポートします。お客様のWebマーケティングの目的を理解し、 経験と知識を持ったWebコンサルタントがお客様の立場に立って対応します。
FlexSlider2とjQuerySliderは便利すぎる！
最近、使用した便利なスクリプト。 その名も『FlexSlider2』と『jQuery Slider』!! これは、なれたらとても簡単！しかも、軽い！！ まずは、『FlexSlider2』 数枚の画像のスライダーで、標準は、 表示→フェードアウト→フェードイン→ の、エンドレスループ。ですが、 スライドインしてほしい！という方が多いと思いますので、まずは、その方法。 最初に、FlexSlider2をダウンロード。 headerタグ内に animation:”slider” ってところが、スライドイン→スライドアウトの繰り返しのスライドショー 書かなければ、フェードイン→フェードアウトとなります。 その次の、 prevText:”” nextText:”” っていうのは、画面両サイドに設置されるボタンの『＜』『＞』こんな感じのものを消すもの。 ＜ or ＞を別のテキストにしたければ、 prev
オプションが豊富なスライダープラグイン FlexSlider2 の使い方 | ARAKAZE NOTE
FlexSlider2 今回紹介するjQueryプラグインもまた、有名どころですが「FlexSlider2」です。 豊富なオプションとIE7まで対応しているので重宝します。ほんとはIE7なんざ絶対にもう対応したくないけど！ 用意するものは３つ まずは公式ページからファイル一式をダウンロードします。いろいろと入っていますが最低限必要なファイルは下記になります。 <link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" /> <script defer src="jquery.js"></script> <script defer src="jquery.flexslider.js"></script> 基本的な書き方 htmlのマークアップはこんな感じになります。普通にリストを作れば良いので簡単です
画像をスライドショーで見せる FlexSlider2 - Welcart カスタマイズ
ツイート B! ブックマーク Google+ Pocket Facebook FlexSlider2は、非常に有名なスライドショーのjQueryプラグインです。WordPress用のショッピングカートプラグイン「wooCommerce」（超有名）を開発しているwooThemes社が、無料で配布しています。 ライセンスはMITで、商用利用可能です。 Welcart用無料テーマの商品ページ（デモはこちら）でも導入しました。 スライダーを導入出来るWordPressプラグインもたくさんあるので、もちろん自分が使い勝手がよいものを使うのがいいと思います。 私も以前、Welcart公式ガイドでも紹介されていた「Meteor Slides」というプラグインをトップページ用に導入したことがあります。ただMeteor Slidesは、スライダーに使わない画像もスライダー用の縦横比の画像サイズで勝手に生成保
要素の重なりについて本気出して考えてみた（z-indexとか何とかとか） – No.1026
あなたはhtml/cssにおける要素の重なり方を知っていますか？ z-indexを指定しなければ先に書いたほうが下層で後に書けば上層に来る？ というわけで、実は割りと複雑な要素の重なりについて書きます。そこまで意識しなくとも支障がでることは滅多にないと思いますが、知っておいて損はないはずです。 ちなみに、昨今CSS3なるものが流行していますが、この記事はW3CのCSS2.1勧告（と付録）を元に書いています。 基本的な内容であり、目新しいことは特になにもありません。 スタックコンテキストとスタックレベル 用語と概念から。 ある意味、ここが一番よくわかりませんが、ここがわからないと何もわかりません。 スタックコンテキスト（スタッキング・コンテキスト） 簡単に言えばauto以外のz-indexと位置（static以外のposition）を指定した要素によって生成される階層構造を形成する固まりです
word pressでFlexsliderを使用した時の画像読み込み
word pressでスライダーを利用しようとFlexsliderを導入しました。 ■導入方法 jquery.flexslider.js、flexslider.cssを任意のフォルダにアップロード ※theme/example/js/jquery.flexslider.js ※theme/example/js/flexslider.css スクリプトはセットアップファイルを作成してアップロード theme/example/js/slider.setup.js header記述 <?php wp_enqueue_style('flexslider-css', get_bloginfo('template_url') . '/js/flexslider.css'); ?> <?php wp_enqueue_script('jquery'); ?> <?php wp_enqueue_script
喉の痛み、腫れを和らげるツボ | ツボです。
喉の痛み、腫れを和らげるツボ 喉元に近い場所にある水突、天突、気舎の各ツボをマッサージするときは、手をすべらせて喉を突いてしまわないように注意してください。天柱と風池は首の裏側にあるツボ。手の甲にある合谷は痛み緩和に対応しているツボです。 関連項目： 声が出ない、声枯れを改善するツボ 咳を止めるツボ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
z-indexが効かないとき - masomi79の日記