PAGE TOP ▲

大副業時代を生き残るためのブログ。切り売り労働からの脱却、少しでも収入をアップしたい方へ。

TOP スライダーを簡単に設置できるようにまとめておきます。

スライダーを簡単に設置できるようにまとめておきます。

http://bxslider.com/からファイルをダウンロード。

head内に下記のコードを追加
[html]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.bxslider.min.js"></script>
<link href="jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$(‘.bxslider’).bxSlider({
auto: true,
mode: ‘fade’,
});
});
</script>
[/html]

下記のコードでスライダーを配置する
[html]
<ul class="bxslider">
<li><img src="images/photo_01.png" /></li>
<li><img src="images/photo_02.png" /></li>
<li><img src="images/photo_03.png" /></li>
<li><img src="images/photo_04.png" /></li>
<li><img src="images/photo_05.png" /></li>
</ul>
[/html]

スライダーはいろいろな種類があるのでスライダー選びにとても迷ってしまうと思います。

JavaScriptやjQueryは初心者にはとてもとっつきにくい部分かと思いますのでまずは、このスライダーを使いこなせるようになってから、他のものを挑戦してみてはいかがでしょうか。

実際にはあまり変わった動きなどは必要なく横に移動するか、ふわっと現れるかのどちらかがあれば十分です。

保管庫の関連記事一覧

タグ打ちとコーディングの違いについて。

2017年05月29日
タグとは何か。。。 まずは「タグ」とは何だろう?という所から説明します。タグとはHTMLで使用するもので例えば「こんにちは!」という文字をそのページのタイトルにしたい時 <title

ヒアリング の重要性を理解することでワンランク上がります。

2017年02月05日
ヒアリング の重要性 ヒアリング がWeb制作を行う上で最重要と考えています。段取り八分です。 例えばクライアントに確認する事が100項目あったとします。最初に全て確認しても、作業しながら

ハッキングにあったのでWordPressの運用をできるだけシンプルに考え直す。

2017年02月03日
ハッキング にあったサイトは現在ご覧頂いているこのサイトです。無事解決しているので運用を再開しているのですが、この機会にデザインも一新してみました。技術的な解決方法は色々なサイトで紹介していると思いま

ランサーズで経験を積む。

2017年02月02日
このサイトを見て頂いている方のほとんどは、未経験者や独学で勉強中の方が多いと思います。ただ実践を積み重ねないことには経験を積むことも出来ないが、経験がない人には実践を与えられる機会も少ないのが現実です

Youtubeのサムネイルの代わりに画像を貼り付ける

2016年12月17日
動画サムネイルの代わりにご自身で制作した画像を表示することが出来ます。これは動画の埋め込みタグ(iframe)をjsに流し込み画像をクリックしたら消え、動画を表示するという順序で動きます。 ※埋め込

専門学校やスクールを出ないとWebデザイナーなることは出来ないのか

2016年02月06日
この質問はWEBデザイナーを目指している方からだけではなくクライアントからも「やっぱりそういった学校卒業されたのですか?」という質問をよく受けます。 私の場合は独学でした 私のお話をさせて