さたけむ.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: MattysFlicks
PhpStorm使い始めました

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

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

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

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

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

By: Yuichiro Haga
iOSでPush通知を実装する

基本的に必要なものは以下 ①AppIDに紐づいたPush Notificatio …

NIFTY CloudにWordPressを導入する

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

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

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

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

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

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

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

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

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

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

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