mysticdiary

更新はLittleDreamでしています。右のバナーからどうぞ

ミスティックウーマン

最近女性の写真などを使ったテンプレートにこっている管理人です。
今回は、Behance
で見つけた素敵な写真を使ってテンプレートを作ってみました。

mysticwomansample.jpg
mysticwoman


今回はなんとスマフォ用も作ってみました。IEだとうまくプレビューできません。

mysticwomansmapho.jpg



しかしスマフォ用のスライドショーってjqueryライブラリでもなかなかないですね。
なので今回はいつも使ってるclossslideを使ってみることにしました。

<div class="topphoto">
<script type="text/javascript">
$(function() {
$('.topphoto').crossSlide({
sleep: 10,
fade: 5
}, [
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/mysticwomanphoto1.jpg'},
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/mysticwomanphoto2.jpg'},
{ src: 'http://blog-imgs-52.fc2.com/m/y/s/mysticdiary/mysticwomanphoto3.jpg'}
]);
});
</script>
</div>


htmlのこの部分の画像リンクをお好みの画像に差し替えてください。
画像の大きさは600px×390pxです。

注意!今回の画像は商用禁止となっているので、画像をそのままでの商用サイトでのご使用はお控えください。

PC用
mysticwoman
mysticwoman.html
mysticwoman.html


mysticwoman1.css
mysticwoman.css



スマフォ用
mysticwomansma
mysticwomansma.html
mysticwomansma.html


mysticwomansma.css
mysticwomansma.css




関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

2 Comments

nacht says...""
こんにちは。
こちらのテンプレートの背景画像を、MysticDiaryさんの他のテンプレートで使用しても大丈夫でしょうか?
お忙しいかと思いますが、ご回答いただけると幸いです。
2013.05.27 17:48 | URL | #1ysID9Ow [edit]
管理人 says..."nachtさんへ"
こんにちは。
いいですよ。ご自由にお使いください。
よろしくお願いします。
2013.05.28 07:24 | URL | #i4E9Nobc [edit]

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/411-f2c8ee3e
← ナイトブックショップ → スマートフォンに(なんとか)対応