webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-05-31から1日間の記事一覧

"bx slider" を使ってスライドショーを作る

使い勝手云々よりも、少しだけいじってみたくなったので… div id="container"を作って画面中央に配置。"container"の幅は<img>の幅と同じで大丈夫そう。 pagerの大きさ、マージン、ホバーの色をいじってみました。 スライドさせる写真のファイル名は「0」からでは…

jQuery plugin "bx slider"

step1 ファイルの準備 htmlファイルがあるフォルダに、js ,css ,img フォルダを用意する。この辺りの準備は自分の段取りとして習慣にしておく。 jsフォルダには、jQueryのファイルを1系統、2系統、migrateの3つと、bxSliderのjsファイル、jquery.bxslider…

jQuery plugin vol.2

Bx slider Max Image2

jQuery plugin vol.1

crossfade.js homepagehttp://mikefowler.me/crossfade.js/ download sitehttps://github.com/mikefowler/crossfade.js.git jQuery Easing Plugin http://gsgd.co.uk/sandbox/jquery/easing/ cross fader v1.1

.animate(); 4

<html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Q5</title><style>.box{ display: none; width: 300px; height: 300px; line-height: 300px; text-align: center; color: white; border: 4px solid white; box-sizing: border…</meta></meta></head></html>