- 締切済み
ここにフラッシュ載せる方法
ホームページの更新をしていて、間違ってフラッシュの部分を消してしまい、フラッシュが表示されなくなりました。 他ページは写真を掲載しているのでhtml上では大体の場所などは分かったのですが、画像とは違うので分からなくて困っています。 画像ページの記述 <h3><img src="images/koatu.jpg" alt="○○○○○" /></h3> 消してしまったフラッシュページの記述の部分 <h3> </h3> ここに、web/flash の中にある flash.swfを載せるにはどういう書き方をすればいいでしょうか？ 画像ページの記述にはサイズの記載が無いのですが、サイズは指定しなければ私の希望する枠内には収まらないでしょうか？ もし、サイズが必要でしたら調べますので仰って頂ければ幸いです。 宜しくお願い致します。
- shin5213
- お礼率62% (5/8)
- Flash
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- H240S18B73
- ベストアンサー率65% (190/288)
DreamWeaverもswfobjectに移行しちゃってて AC_RunActiveContentの解説ページ消えちゃってますね まあ以前からAC_RunActiveContentがswfobjectに勝る点なんてなにもなくて DreamWeaver使っててもswfobjectでフラッシュ配置が普通みたいな状況だったので 消えるべくして消えたって気もしますが ってことで改めてswfobjectを推しときます
- H240S18B73
- ベストアンサー率65% (190/288)
<head>内で AC_RunActiveContents.js か swfobject.js って読み込んでないですか？ swfは大体どっちか使って読み込むようにします 読み込んでいればそれの使い方調べてみてください 使ってない場合でもswfobject.jsの使用を勧めときます
- kool_noah
- ベストアンサー率33% (95/285)
objectタグ、もしくはembedタグを使用すれば、表示できます。 詳しくは上記単語で検索すれば詳しい記述がみつかるはずです。
関連するQ&A
- メニュー部分をスタイルシートで画像置換するには？
お世話になります。 CSS初心者でまだまだわからないことが多いので質問させてください。 現在作成しているサイトに当然ですがメニュー部分があるのですが、普通にDreamweaverでボタン等を作成して配置していました。それでちょっと詳しい方に見てもらった時に「メニューのところ、全部のページ同じやつを使ってるけど、そういった部分はスタイルシートで画像置換使うか、ジャバスクリプトで入れ替えするなら、その部分だけ外部ファイル化して全ページ同じものを読み込ますとかしたほうがいいと思う。ちょっとした修正を前ページやるのは大変だから。」という指摘を受けました。なるほど、確かにそうだ、と思ったのですが、そういったことはどうやるのか全く分かりません、どなたか教えてくださらないでしょうか？ちなみに各コンテンツはdiv分けしてあり、ボタン部分はdiv#containerと（div#contensの中の）div#leftmenuというところです。この部分を修正する時、一度だけ修正すれば、全ページ対応する方法を知りたいです。どうかよろしくお願いします。 <div id="header"> 省略。FLASH画像がきます </div> <div id="container"> <img src="images/menu01.jpg(altとか省略)> <img src="images/menu02.jpg(altとか省略)> <img src="images/menu03.jpg(altとか省略)> <img src="images/menu04.jpg(altとか省略)> </div> <div id="contens"> <div id="leftmenu"> <img src="images/bottom01.jpg(altとか省略)> <img src="images/bottom02.jpg(altとか省略)> <img src="images/bottom03.jpg(altとか省略)> </div> <div id="centermenu"> 省略 </div> <div id="content-right"> <p class="shousai2"> </p> </div> </div> </div> <div id="footer"> 省略 </div> </div> </body>
- ベストアンサー
- HTML
- 画像を順番にロードする方法
ホームページに下記のように画像を10枚ほど載せたのですが 例えば2枚目が表示されないまま3、4・・・10と残りが表示されてしまうことがあります。 1枚目を完全に表示してから2枚目をロード・・というように順番に表示する方法を教えてください。 <p><img src="images/20110801_01.jpg" alt="01" /></p> <p><img src="images/20110801_02.jpg" alt="02" /></p> <p><img src="images/20110801_03.jpg" alt="03" /></p> ・ ・ ・ <p><img src="images/20110801_10.jpg" alt="10" /></p>
- 締切済み
- ブログ
- firefoxで表示される画像がIEで表示されない
同じHTML内に <img src="images/9.jpg" alt=""商品画像 /> と <img src="images/title_1.gif" /> がありますが firefoxでは上記の画像を含めすべての画像が表示されますが IEでは <img src="images/title_1.gif" />は表示されるが <img src="images/9.jpg" alt=""商品画像 />は 表示されません。 なぜか判りません。 原因がまったくわかりません。 教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- 順番にクラスをつけていく方法
順番にクラスを付与していく方法を考えているのですが、 思いつかないのでご教授ください。 下記のようなソースでギャラリーをjqueryで作成しました。 「次へ」「戻る」を押すと画像が左右にスライドする仕組みにしました。 画像にたいしてフェードをかけようと思い、画像を 初期状態でフェード０にしてactiveクラスがついたときに フェードを１００にしようと思いました。 対象の画像をクリックすることでクラスを追加したり 削除したりする方法はわかったのですが、 「次へ」「戻る」ボタンを押すことで画像を切り替えているため、 どのようにしたら順番に画像にクラスをつけることが できるのかがわかりません。 簡単な方法をご存知の方おられましたら よろしくお願いします。 <div id="gallery"> <ul> <li><a href="#"><img src="images/photo1.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo2.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo3.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo4.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo5.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo6.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo7.jpg" alt="" /></a></li> <li><a href="#"><img src="images/photo8.jpg" alt="" /></a></li> </ul> </div> <div class="paging"> <a href="#" class="previous">戻る</a> <a href="#" class="next">次へ</a> </div>
- ベストアンサー
- JavaScript
- ALT属性に見出しタグをつけると画像がズレます。
見出しタグをHTMLで製作後、画像とALT属性に採用すると 画像がずれてしまいます。 <img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> を <h2><img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> </h2> 以下のコーディングにすると画像がずれます。 HTMLバージョンは、DTD HTML 4.01 Transitional となります。 CSSなどで画像の位置固定をするのではなく、そのままHTML内で完結したいと考えています。 どのように変えれば良いでしょうか また、alignタグなどは、HTML4.01非推奨で使えません。 バグで探したのですが見付かりませんでした。 よろしくお願いします。
- ベストアンサー
- HTML
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- img画像表示を短くしたい
lemmon-slider-0.2 win8.1 pro 下記 img 45個 記述しています。表示が長いので、短くしたい。500個の場合もあります。 ひまわり美術館 http://esd827.web.fc2.com/himawari/index.html 詳細 IE11 F12開発者ツール 参照 <div id="nav"> <div class="wrap"> <div id="container"> <div class="wrap"> <div id="slider3" class="slider"> <ul> <li><img src="images/01.jpg" alt=""></li> <li><img src="images/02.jpg" alt=""></li> <li><img src="images/03.jpg" alt=""></li> ----- cut -------- <li><img src="images/43.jpg" alt=""></li> <li><img src="images/44.jpg" alt=""></li> <li><img src="images/45.jpg" alt=""></li> </ul> </div>
- 締切済み
- JavaScript
- jqueryについて（v 1.4.2）
jqueryについて（v 1.4.2） <script type="text/javascript"> $(function() { $("h1").append('<em></em>') $(".thumbs a").click(function() { var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); $(".largeImage").attr({ src: largePath, alt: largeAlt }); $("h1 em").html(" (" + largeAlt + ")"); return false; }); }); </script> 【html↓】 <div> <h1>ギャラリータイトル</h1> <p class="thumbs"> <a href="images/img2-lg.jpg" title="タイトル 2"> <img src="images/img2-thumb.jpg" /> </a> <a href="images/img3-lg.jpg" title="タイトル 3"> <img src="images/img3-thumb.jpg" /> </a> <a href="images/img4-lg.jpg" title="タイトル 4"> <img src="images/img4-thumb.jpg" /> </a> <a href="images/img5-lg.jpg" title="タイトル 5"> <img src="images/img5-thumb.jpg" /> </a> <a href="images/img6-lg.jpg" title="タイトル 6"> <img src="images/img6-thumb.jpg" /> </a> </p> <p><img class="largeImage" src="images/img1-lg.jpg" alt="タイトル 1" /></p> </div> 上記と同じ構造のdivが他にもいくつかあるのですが、個々のdiv全てに同じようにjqueryを 適用したいと思っています。 .each()を使ってみたのですが、.thumbsのaをクリックすると全てのdivの.largeImageが 反応してしまいます。 .click()の前に.each()を記述した場合も、後に記述した場合もうまくいきません。 個々のdivに適用するにはどうすればいいのでしょうか。 .each()を使う事自体が間違っているのでしょうか。 初心者なので分かりやすく教えていただければ幸いです。
- ベストアンサー
- AJAX
- こんにちは、javascriptにてボタンを押すと画像が透明度が下がる
こんにちは、javascriptにてボタンを押すと画像が透明度が下がる動きを作っています。 ボタンを押すとフェードアウトはできるのですが、フェードアウトした画像を 元の透明度にフェードインすることが出来ません。 if文のclassに書かれている変数の扱いがよくわからないので、質問させて頂きました。 forで回してカウントから取得してみようかと,すべての画像に<p class＝"fade1">のような タグをすべての画像に付けて、javascript記述できればと思っていましたが、classの指定が $(".fade+i img")等と指定してみましたが、動きませんでした。 適切な方法がありましたら、教えてください。よろしくお願いします。 【html】 <div class="thumbnail"> <img src="g_images/IMG_1470.jpg" alt="画像1" class="item-image" hspace="5" vspace="3" /> <img src="g_images/DSC02564.JPG" alt="画像2" class="item-image" hspace="5" vspace="3" /> <img src="g_images/DSC02227.JPG" alt="画像3" class="item-image" hspace="5" vspace="3" /> <img src="g_images/DSC02555.JPG" alt="画像4" class="item-image" hspace="5" vspace="3" /> <img src="g_images/DSC02558.JPG" alt="画像5" class="item-image" hspace="5" vspace="3" /> </div> 【javascript】 $(document).ready( function(){ $(".thumbnail img").click(function(){ if($(".thumbnail img").css("opacity")!=1.0){ $(".thumbnail img").fadeTo("normal", 1.0); // マウスオーバーで透明度を60%にする } $(this).fadeTo("normal", 0.4); // マウスオーバーで透明度を60%にする }); });
- ベストアンサー
- JavaScript
- ボタンをクリックした感じの画像を設定する
htmlページに、作成した画像を配置し、リンクを貼っています。 画像の上にカーソルを合わせたときに画像を変えることはできたのですが、 クリックしたときに画像を変える方法が分かりません。 クリックしたときに押した感じを表現したいです。 どのようにコードを書けばいいですか？ ご教授お願いいたします！ ちなみにオンマウス時に画像を変化させるため以下のようなコードを書いています。 <img src="./images/logo.jpg" onmouseover="this.src='./images/logo_on.jpg'" onmouseout="this.src='./images/logo.jpg'" alt="お問い合せはこちら" /></a> よろしくお願いいたします！
- ベストアンサー
- HTML
補足
こんにちは、ご回答有難う御座います。 AC_RunActiveContents.js を使用していました。 AC_RunActiveContents.js を調べてみたのですが、いまいち分かりませんでした。 下記のような感じですですが、いかがでしょうか？ ご教授頂ければ幸いです。 <head> <meta name="robots" content="index,follow" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="imagetoolbar" content="no" /> <title>プラウドワン</title> <meta name="Keywords" content="建物美装、建築美装、神戸、ビルメンテナンス、研磨、コーティング、高圧洗浄" /> <meta name="Description" content="建物美装、建築美装、ビルメンテナンス、研磨、コーティング、高圧洗浄なら○○○○○○にある○○○○○○○にお任せ下さい" /> <link href="css/bese.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="js/flash.js"></script> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> <div id="wapper"> <div id="header"> <h1>建物美装・ビルメンテナンスなら実績豊富な○○○○○○○にある○○○○○○にお任せ下さい</h1> <h2><img alt="建築会社○○○○○○" src="images/logo.jpg" /></h2> <a class="otoi" href="contact.html"><img alt="お問い合わせ" src="images/otoiawase].jpg" /></a></div> <ul id="main_menu"> <li><a href="index.html"><img alt="HOME" src="images/nabi_1.jpg" /></a></li> <li><a href="company.html"><img alt="会社案内" src="images/nabi_2.jpg" /></a></li> <li><a href="business.html"><img alt="事業内容" src="images/nabi_3.jpg" /></a></li> <li><a href="contact.html"><img alt="お問い合わせ" src="images/nabi_4.jpg" /></a></li> <li><img alt="" src="images/nabi_5.jpg" /></li> </ul> <h3> </h3>