さたけむ.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: Chris Dlugosz
iPhoneアプリ開発でよく使うサイト

iPhoneアプリ開発でよく使うサイトをとりあえずパッと思いつく限りであげてみま …

NIFTY CloudにWordPressを導入する

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

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

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

By: Daniel  Voyager
PHP stormでローカル上でデバッグを行う

PHP Storm上でローカル上でデバックしたいなと思い実行してみたらはまったの …

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

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

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

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

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

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

By: David Shankbone
Swiftで作った流行りのRSS ReaderのSampleを動かしてみた

これまでアプリ開発はTitaniumしかまともに使ったことがなかったんですが、 …

By: TANAKA Juuyoh (田中十洋)
さくらVPSにWordPressを導入する

ブログを始めるにあたってさくらVPSにWordPressを導入したので、そのメモ …

By: Steve Greer
Appcelarator StudioにBitbucketを連携

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