さたけむ.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アプリ開発でよく使うサイトをとりあえずパッと思いつく限りであげてみま …

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

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

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

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

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

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

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

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

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

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

By: MattysFlicks
PhpStorm使い始めました

これまでずっとEclipse一筋で開発してたんですが、 PhpStormが超絶便 …

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

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

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

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

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

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