さたけむ.net

某IT企業でWebディレクターをやっとります。作業ログやらを書き綴ってます。

スライダーを作ってみる

      2015/07/20

かっちょいいスライダーとかは探したらいっぱいあったんですが、

個人的にはビューに4つぐらい画像を入れたかったっていうのがありました。

 

参考にしたのは以下サイト

http://unformedbuilding.com/articles/jquery-simple-loop-slider/

 

色々と苦労したのですが、

・スクリーンビュー内の画像のサイズを指定して画像が4つ入るようにする

・画像ごとにマージンを取る

・速度の調整

 

こんな感じでちょいちょい修正していけばっぽいものになりました。

 

 - 開発 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

  関連記事

By: Tim Pierce
PHPで特定のサイトにリファラを空にしてアクセスする

これは悪用すると色々と問題になるかもなので、良心と節度をもって利用しましょう。 …

By: mkhmarketing
Twitter APIをFuelPHPで利用する

これまではPHPのフレームワーク開発ではtackphpを愛用していたのですが、 …

NIFTY CloudにWordPressを導入する

ニフティクラウド内でWordpressを導入したので、そのメモ。 ■サーバー内環 …

By: Erich Ferdinand
さくらVPSにドメインを設定する

さくらVPSに設定したWordPressのサイトにドメインを設定したのでそのメモ …

By: epSos .de
Mac OS Yosemiteを初期化する

Macを買い換えたので、古いMacは処分することに。 そこで、古いMac PCを …

By: Steve Greer
Appcelarator StudioにBitbucketを連携

Mac買い替えで移行により、対応が必要になった。 やり方は以下サイトを参考にすれ …

By: Wikileaks Mobile Information Collection Unit
iOSアプリにLocal Notificationを実装する

iOSアプリにLocal Notificationを実装したのでそのメモ。 参考 …

By: GotCredit
WordPressにTwitter Bootstrapを入れる方法

基本的には以下をみればいける http://getstarted.main.jp …

By: Yeray Hdez Guerra
iOSシミュレータが繋がらなくなる問題

iOSが8.1以上でウイルスバスター for MacをインストールしているとiO …

By: Next TwentyEight
FuelPHPで配列をGETで扱う

FuelPHPを使っているとパラメータごとに/で区切るため、 複数の値などをパラ …