- ベストアンサー
ライブドアブログで動く画像を貼り付けたらメニューがずれた!解決方法は?
- ライブドアブログで動く画像を貼り付けた際、メニューがずれる問題が発生しました。枠の設定が原因である可能性が高いため、動く画像を縮小するか、メニューの幅を広げることが解決策となります。
- ライブドアブログでは枠の大きさが決まっているため、動く画像を載せるとメニューが下に移動してしまいます。これはCSSで設定されているため、動く画像を縮小するか、メニューの幅を広げることで解決できます。
- 動く画像を貼り付けた際にメニューがずれる問題が起きました。これはライブドアブログの枠の設定によるものです。解決方法として、動く画像を縮小するか、メニューの幅を広げることをおすすめします。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 外部ファイルを読み込ませるための記述方法を教えてください!
(1)index.html (2)「index.html」以降のページのフォルダ(の中にhtml) (3)css.js (4)cssファイル を同じ階層に置いています。 htmlには<SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> と書かれており、css.jsファイルからcssファイルを読み込み htmlにcssが適用されてるように設定されています。 この階層のhtmlにはcssが反映されるのですが (2)のフォルダの中のhtmlにとってはcss.jsの階層は一つ上になるのですが、 <SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> と書いてもcssが反映されません。 srcの指定を正しくするにはどのように記述したらいいのでしょうか? <SCRIPT LANGUAGE="javascript"src="../css.js"></SCRIPT> と記述してもダメでした。 Javascriptの言語がほとんどわからず困ってしまっています。 大急ぎで知りたいのですが、わかる方いらっしゃいましたら 教えてくださると大変助かります。 どうかよろしくお願い致します。
- ベストアンサー
- JavaScript
- ブログパーツのサイズ変更
ブログパーツの横幅を変更したいときはどうしたら良いですか?プログラムには<script language="javascript" src="http://*** URL ***.js"></script>とあって、どこに何を入れたらいいかを教えてください
- ベストアンサー
- ブログ
- マウスオーバーのメニューについて
お世話になります。 現在、オンマウスでメニュー画像が表示される仕組みを作成しているのですが、別のメニューにする方法がわかりません。 たとえば、「MAIN」と「LINK」のメニューがあるとして、MAINはMAINのメニュー、LINKはLINKのメニューが表示されるという方法です。 http://memorva.jp/memo/html/js_css_menu_mover.php 上記のURLの方法なのですが。 この場合、cssの数値を変えて(css12ならcss13)スクリプトを追加すればいいのでしょうが、その方法でやっても、同じ画像が表示されます。 (css13のスクリプトを新しく書き加えたのにブラウザでプレビューするとcss12の内容が表示されてしまいます。) ↓HEAD内のCSS設定部分は下記のように分割して書いてます <script language="javascript"> <!-- function mOver(){ css12.style.display = "block"; } function mOut(){ css12.style.display = "none"; } //--> </script> <script language="javascript"> <!-- function mOver(){ css13.style.display = "block"; } function mOut(){ css13.style.display = "none"; } //--> </script> よろしくお願い致します。
- ベストアンサー
- HTML
- ボタンをMouseOverで、ボタン画像と指定先画像を同時に変えたい
どちらか片方ならできるのですが、本当に同時にできるのかも分かりません。 スクリプトの記述が違うのだと思うのですが。 他の方法でも構いません、ご教授お願いします。 指定画像(name:a1)にmain01.jpgを表示させるスクリプト <script Language="JavaScript"> <!-- if(document.images){ b2 = new Image(); b2.src="main01.jpg"; } else{ b2 = "" document.a1 = "" } //--> </script> <script language="JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } ~中略~ ここはDreamweaverで作られたスクリプトなので間違いないと思います。 ボタンのロールオーバーイメージのスクリプトです。 //--> </script> HTML記述 <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu00','','menu01.gif',1) document.a1.src='main01.jpg'"><img name="menu00" border="0" src="menu00.gif" width="173" height="32"></a>
- ベストアンサー
- JavaScript
- 画像を2つ横に並べる方法と、文字の回りこみの方法又はサイトを案内して下さい
現在、サイドバーのフリーエリアに付けている画像のことで質問します。 これらの画像を2つ横に並べる方法、又は、文字の回りこみの挿入タグの載っているサイトを教えて下さい。 『 <script type="text/javascript" src="○○○.js"></script><script language="JavaScript" src="http://○○jp/flash/<%url>"></script> 』 の横に 『 <a href="リンク先URL"target="_blank"><img src="画像URL" border="0"></a> 』 を並べる方法 と 『 <div &align><iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://○○○.html" name="MainFrame">Iフレームを使用しています。画像が正しく見えない場合はブラウザを代えていただくかなどしてください。<br>「<a href="http://○○jp/">web素材はっぴーフリー</a>」 「<a href="http://○○com/~kmid/">押し花とアイコン</a>」</iframe></div> 』 の横に 『 <script type="text/javascript" src="○○○.js"></script><script language="JavaScript" src="http://○○jp/flash/<%url>"></script> 』 を並べる方法 『 <script type="text/javascript" src="○○○.js"></script><script language="JavaScript" src="http://○○jp/flash/<%url>"></script> 』 の 横への文字の回りこみの方法 ↑ イメージ的には、『 <a href="リンク先URL"target="_blank"><img src="画像URL" border="0" align="left"style="padding:5px;"></a>文字文字文字文字 』のような感じにならないのでしょうか? これらは可能なのでしょうか? 可能ならばこれらが載っているサイトを教えて頂きたいのですが、お願いします。
- ベストアンサー
- ブログ
- 外部JavaScriptファイルから呼び出したい!
ページを早く表示させるために、コピー&ペーストでスクリプトを外部ファイル化しました。 <script language="JavaScript" src="../js/menu.js"></script> ↑とコピペした外部ファイルへリンクさせ、その後、 <script language="JavaScript">mmLoadMenus();</script> と記述してある部分があるのですが、うまく呼びだせてないようでランタイムエラーがでます。 すべてのJavaScriptを1ファイル内に記述しているときはうまく動作しているのですが、外部ファイルに切り離すとエラーが出ます。 外部ファイル化したために、mmLoadMenus();が動作しないので、どなたか分かる方、アドバイスをお願いします!!
- ベストアンサー
- JavaScript
- <SCRIPT src="css.js">の記述位置
</head>と<body>の間に <SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> を書くのは文法的に問題ありませんか?
- ベストアンサー
- JavaScript
- ブログスキンの画像サイズ制限方法について
ある自社運営のブログの管理・運営をしています。 ブログ自体はドリコムからパッケージで購入したものですので、 プログラムには手を加えることはできません。 という状況の中で、 ブログスキンのデザインをすることになりました。 htmlの3種のテンプレートとCSSをマニュアル通りに作成し アップするだけの簡単なものなのですが・・ 1つ問題がありまして、 ブログユーザーがアップする画像がいくら大きくても アップ時には自動的に縮小されないため、 (元々のプログラムがそういうもの) スキンデザインが大幅に崩れてしまうのです。 表示枠はCSSで調整できますが、 画像を小さくするわけでは無い為、画像の一部が切れてしまいます。 ドリコムに相談したところ、 プログラムは修正できないので、それぞれのテンプレートの中にjavascriptで表示画像サイズを調整してほしいという答えでした。 どう書きこめばいいのかは教えてもらえず、困っています。 画像が大きいままアップされてしまうブログなんてあるでしょうか? どなたかご存知の方いらっしゃいましたら、よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像をランダムに
JavaScript初心者です。回答していただければさいわいです。 初心者といってもタグサイトからコピペしていじくるだけの者ですが。 画像をランダムに表示したいと思いJavaScriptを使用したのですが うまく表示させることができません。 画像自体表示していないことになってしまいます。 画像を表示させたい部分に <SCRIPT language="JavaScript"> <!-- // img = new Array(); img[0] = "t/1.jpg"; img[1] = "t/2.jpg"; img[2] = "t/3.jpg"; img[3] = "t/4.jpg"; img[4] = "t/5.jpg"; n = Math.floor(Math.random()*img.length); document.write("<img src='"+img[n]+"' border='0'>"); //--> </SCRIPT> とタグをうっているのですが、なにか足りないところがあるのでしょうか?
- ベストアンサー
- JavaScript
- JavaScriptで画像を変更する
質問が分かりずらいと思いますが、お願いします。 <body>内に↓が書かれています。 <script language="JavaScript"> <!-- function ChangePics() { for(i = 0; i < 3; i++) document.images[i].src = "white.jpg"; } // --> </script> <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> <form> <input type="button" value="画像一括変更" onclick="ChangePics()"></input> </form> ------------------------------------------------------------ [画像一括変更]ボタンをクリックすると表示されていた3枚の「black.jpg」が「white.jpg」に切り替わります。 ですが、画像のsrcへのアクセスは「document.images[i].src」で 行っているため、 <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> の上に他の画像がある場合はその画像が「white.jpg」に変更されてしまいます。 ですが、<img src="black.jpg" name = "pic1">のようにname属性を付けるのは処理が面倒になるので、避けたいです。 質問の意図は、「作ったJavaScriptのプログラムをブログに載せたいが、そのプログラムの上にほかの画像があるため、正常に動作しない。」ということです。
- ベストアンサー
- JavaScript
お礼
できました!! 本当にどうもありがとうございました★