2012-06-13から1日間の記事一覧
▼デモ http://jewelcafe.main.jp/0613/cro/03.html ☆ソース <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScriptでクロスフェード</title> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.cross-slide.min.js"></script> <style type="text/css"> * { margin: 0; padding: 0; }…</meta></head></html>
☆手順☆ 各サムネイル画像 altの後に↓追加と onMouseOver="document.mainImg.src='マウスオーバー時にメイン画像に表示したい画像パス'"mainのimgタグaltの後に↓追加するだけ name="mainImg" ex 各サムネイル画像 <img src="images/s1.jpg" width="100" height="100" alt=""> ↓
こちらはjquery.js使わずhtmlにちょっと書き加えるだけでロールオーバーを実装する方法です。あまりjsやcssをいじりたくない場合に良いと思います。☆手順☆ altの後に↓追加するだけ onMouseOver="this.src='マウスオーバー時の画像パス'" onMouseOut="this.sr…
