jQueryを利用したスライドショー

CSS-Trickというサイトに載っていたjQuery利用したスライドショーを設置してみます。サンプルがあるので設置自体はそんなに難しくないかと思います。
temp
temp
scotch egg

How to Cook a Scotch Egg

このように
imgタグに「class="floatLeft"」
を指定すると右側にコメントを
表示することもできます
temp
temp

コメントだけも可能です

Charles Dickins

It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to heaven, we were all going direct the other way - in short, the period was so far like the present period, that some of its noisiest authorities insisted on its being received, for good or for evil, in the superlative degree of comparison only.
temp-thumb
temp-thumb
temp-thumb
temp-thumb
temp-thumb
temp-thumb
次の画像に移動するまでの時間は下記の赤で変更できます。単位はミリ秒ですのご注意を。下の例では3秒間隔ということになります。
curclicked++;
if( 6 == curclicked )
curclicked = 0;

}, 3000);
};
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加