POPSブログ

ブログ記事一覧: Slider

jQuery レスポンシブ・スライダー、外側にボタン配置

前頁のレスポンシブ・スライダーの改造です。コントロールボタン付き(外側)、エンドレスタイプ、サムネール表示の切り替えが出来る様に機能を拡張は同じです。通常のレスポンシブデザインHTML上でも動作します。コントロールボタンが外側についていますので少々メンドウですから余り使用されないようです。

≫ 続きを読む

jquery 2017/02/15 pops
タグ:jquery , Slider , css3 , html5

jQuery レスポンシブ・スライダー、エンドレスタイプ

前頁のレスポンシブ・スライダーは説明のために簡略しています。コントロールボタン付き、エンドレスタイプ、サムネール表示の切り替えが出来る様に機能を拡張してみました。通常のレスポンシブデザインHTML上でも動作します。その振る舞いなどを調べてみます。一言でいえば大変です。

≫ 続きを読む

jquery 2017/02/12 pops
タグ:html5 , css3 , Slider , jquery

jQuery レスポンシブスライダー処理

レスポンシブデザインで「TOP画像のスライド」処理等をレスポンシブ対応にしてみました。結構構造と設定などがメンドウですが、大変フシギな事に一応動作します。当然、baserCMSに限らず通常のレスポンシブデザインHTML上でも動作します。その振る舞いなどを調べてみます。

≫ 続きを読む

jquery 2017/02/07 pops
タグ:jquery , Slider , css3 , html5

CreateJS 大型画像 ダブルスライド形式 MENU

大型画像が2枚一体となり「スライド」する、いわゆるダブルスライド(Slider)ですが、スライド方向を「左右上下」にも変更出来ます。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/23 pops

CreateJS 大型画像 Carouselタイプ(Slider) MENU

大型画像が一体となり「左右にスライド」する、いわゆるCarouselタイプ(Slider)ですが「上下にスライド」する設定にも変更出来ます。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/19 pops

jQuery setTimeout自動縦形コンテンツスライダー 下降知らずの上昇専用タイプ

下降なしの、疲れを知らない上昇専用タイプ、setTimeout付きの自動上昇「コンテンツスライダー」なのだ。昇れ昇れ、宇宙のはてまでイッテQ。

≫ 続きを読む

jquery 2013/02/21 pops
タグ:jquery , Slider , memo

jQuery setTimeout自動縦形コンテンツスライダー ALL-SLIDEタイプ

ニュースサイトなどで見かける事がある、setTimeout利用の「コンテンツスライダー」です。自動のアコーディオンと似通っているところもありますが、全部一緒にスライドします。

≫ 続きを読む

jquery 2013/02/19 pops
タグ:memo , Slider , jquery

簡易DOUBLE-SLIDER2

簡易DOUBLE-SLIDER2、簡単な画像ダブルスライドですが、構造の違うタイプです。

≫ 続きを読む

jquery 2012/02/29 pops
タグ:jquery , Slider , Effect , photo

簡易DOUBLE-SLIDER

簡易DOUBLE-SLIDER、簡単な画像ダブルスライドです。

≫ 続きを読む

jquery 2012/02/28 pops
タグ:jquery , Slider , Effect , photo

簡易ホリゾンタルPHOTO-SLIDER

簡易ホリゾンタルPHOTO-SLIDER、シームレス&エンドレス、簡易スライダーです。

≫ 続きを読む

jquery 2012/02/25 pops
タグ:Effect , Slider , jquery , photo

ブログ記事一覧

年別アーカイブ一覧



[1]