• 締切済み

ブログの中にティザーサイトを入れたい!

http://nakamurahiroki.com/coming/ こちらのサイトでつくったティザーサイトをブログに貼りたいのですが、なかなかうまくいきません。ブログに貼る場合のスクリプトはまだ公開されていないのですが、すでに書かれている <script type="text/javascript" src="http://***.com/coming/gen.js"> </script> <script language="JavaScript">bpPlay(""""""""""")</script> だけを切り取り、記事に貼り付けてみたのですが、音は鳴るけれど、映像がどこにも見当たらないという事態になりました。 どういったことが考えられるでしょうか? わかる方、アドバイスをよろしくお願いいたします。

みんなの回答

  • CrushWeb
  • ベストアンサー率68% (11/16)
回答No.1

画面一杯を壮大に使うスクリプトなので ブログにちょこっと貼り付けて動作するものではないかと。 正確に動作させるなら テキストエディタにソースをそのまま貼りつけて、index.htmlなどとして保存し、 サーバーにアップすればいいですよ

nishinoanata
質問者

補足

解答ありがとうございます。 やっぱり小さいサイズにして表示することはできないんですかね。 例えば、ボタンを押すと、新しいウィンドウに表示するなどの工夫はどうでしょうか。 また、index.htmlファイルはどのようにしてアップすれば良いですか? ライブドアブログでは画像をアップするのは簡単なんですが、htmlファイルをどのようにアップしていいかわからなくて。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ブログ

    ブログパーツとか ブログに貼り付けられるもの <script language="JavaScript" type="text/javascript" src="http://www.001.kddi.com/minna/blogparts/script.js" charset="utf-8" width="160" height="393"></script> こういうのがあるけどどうやって貼り付けるんですか

  • 実行するスクリプトを時間で切替えたいが・・

    以下のようにHTML内に埋め込んで、時間で実行するスクリプトを切替えたいと思っていますが、何故か上手くいきません。 詳しい方がいましたら、ご教授下さいませ。 m(__)m <script language="JavaScript"> <!-- TimeH = (new Date()).getHours(); if (TimeH>=18) { <script language="Text/JavaScript" type="Text/JavaScript" src="./JS/xxx.js" charset="shift-jis"></script> } else if (TimeH<4) { <script language="Text/JavaScript" type="Text/JavaScript" src="./JS/yyy.js" charset="shift-jis"></script> } else { <script language="Text/JavaScript" type="Text/JavaScript" src="./JS/zzz.js" charset="shift-jis"></script> } // --> </script>

  • cgiをjsで。

    apeboard+を設置したとします。 http://www.2apes.com/ それを ブログに組み込むとしたら普通 インラインフレームですよね。 ですが、これをblogパーツのように <script language="JavaScript" type="text/javascript" src="http://***********/****.js" charset="Shift-JIS"></script> みたいにして、表示させる事は可能なんでしょうか?

  • javascriptの中でjavascriptを呼びだしたいのです。

    javascriptで質問です。 javascriptの中でjavascriptを呼びだしたいのです。 実際にやるとエラーになりますが、方法はありますでしょうか。 xが1のとき、script1.js xが2のとき、script2.js のように実行を分けたいので、このような処理を したいのですが。 何卒よろしくお願いいたします。 <script type="text/javascript"> <script type='text/javascript' src='http://www.domain.com/script1.js'></script>"; </script>

  • 何度変更してもホームページ上に表示されないのでどうしたらよろしいでしょ

    何度変更してもホームページ上に表示されないのでどうしたらよろしいでしょうか、、、 プログラムの内容は、カウントダウンタイマーなのですが、 http://~~のところを別のURLに変更すると、ホームページで表示されません。 <script language="JavaScript" type="text/javascript" src="http://~~/limited/js/jquery/jquery.js" charset="utf-8"></script> <script language="JavaScript" type="text/javascript" src="http://~~/limited/js/jquery/cookie.js" charset="utf-8"></script> <script language="JavaScript" type="text/javascript" src="http://~~/limited/js/check.js" charset="utf-8"></script> <script type="text/javascript"> よろしくお願いします

  • ブログパーツのサイズ変更

    ブログパーツの横幅を変更したいときはどうしたら良いですか?プログラムには<script language="javascript" src="http://*** URL ***.js"></script>とあって、どこに何を入れたらいいかを教えてください

  • ライブドアブログでlazyloadが使えない

    ご覧頂きありがとうございます。 早速の質問ですが、ライブドアブログでjQueryのlazyloadが動作しません。どうしたものでしょうか。 目標としては、ブログ内の画像をスクロールと同時に読み込み、フェードインさせたいです。 行った手順としては、 jsファイル、画像ファイルをアップした後、 管理ページ>デザイン設定>カスタムJS から</head>直前に以下のコードを書きました。 <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript" src="./jquery.dimensions.min.js"></script> <script type="text/javascript" src="./jquery.lazyload.js"></script> <script type="text/javascript"> $(function() { $("img").lazyload({ placeholder : "./img/loading.gif", effect : "fadeIn" }); }); </script> jsファイルや画像ファイルのパスは間違っていないことは確認しました。

  • 複数jQueryの配置で干渉 設置位置

    Javascript事は全くわかりませんが、色々なプラグインとしてjQueryを利用しています。 ----------------- jQueryに干渉があったようで、正常に動作させたいのですが、疑問があります。 1サイト目(HTML 最下部に配置) <script src="vendor/jquery.min.js" type="text/javascript"></script> <script src="js/layout.min.js" type="text/javascript"></script> 正常に動作します。 2サイト目(HTML head内に配置) <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/abcd.js" type="text/javascript"></script> 正常に動作します。 上記の2サイトを合体させた:(HTML 最下部に配置) <script src="vendor/jquery.min.js" type="text/javascript"></script> <script src="js/layout.min.js" type="text/javascript"></script> <script src="js/abcd.js" type="text/javascript"></script> すると、 layout.min.jsに不具合がでるようです・・・ <script src="vendor/jquery.min.js" type="text/javascript"></script> <script src="js/layout.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/abcd.js" type="text/javascript"></script> でも、ダメです。 <script src="vendor/jquery.min.js" type="text/javascript"></script> を <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> に変更してもダメでした。 tel.js内を、 jQuery.noConflict(); (function($) { $(function(){ を $j に変えたり、 jQuery に 書き替えてもダメでした・・・ そこで、以下のように移動しましたら動作しました。 (HTML header内に配置) <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/abcd.js" type="text/javascript"></script> (HTML 最下部に配置) <script src="vendor/jquery.min.js" type="text/javascript"></script> <script src="js/layout.min.js" type="text/javascript"></script> 上記のように、 HTML head部と、HTML 最下部に分けるのは、正しい方法なのでしょうか?

  • このHTMLの意味はなんでしょうか?

    <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="scripts/jquery.queryloader2.js"></script> <script type="text/javascript" src="scripts/jquery.parallax-1.1.3.js"></script> <script type="text/javascript" src="scripts/jquery.localscroll-1.2.7-min.js"></script> <script type="text/javascript" src="scripts/jquery.scrollTo-1.4.2-min.js"></script> <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script> <script type="text/javascript" src="scripts/jquery.scrollorama.js"></script> <script type="text/javascript" src="scripts/jquery.scrolldeck.js"></script> <script type="text/javascript" src="scripts/jquery-contained-sticky-scroll.js"></script> <script type="text/javascript" src="scripts/lightbox.js"></script> <script type="text/javascript" src="scripts/parallax01.js"></script> <script type="text/javascript" src="scripts/yazirusi01.js"></script> <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script> <script type="text/javascript" src="scripts/jquery.easie.js"></script> <script type="text/javascript" src="scripts/jquery.smoothScroll.js"></script> <script type="text/javascript" src="scripts/php_date.js"></script> <script type="text/javascript" src="scripts/script.js"></script> とあるサイトのソースの一部に、このような文章が書かれていました。 一体これはどういう意味なんでしょうか? どなたか解説お願いします

    • ベストアンサー
    • HTML
  • 複数のjQueryを使用するときの記述の仕方

    今、こちらのjQueryと http://jsajax.com/Articles/jQueryLavaLamp3/1083 こちらのjQueryを http://www.css-lecture.com/log/javascript/039.html 同じページ内で使用しようとしています。 記述は以下の通りです。 ---------------------------------------------------- <!-- ▼前者のjs --> <script src="js/jquery-1.2.6.js" type="text/javascript"></script> <script src="js/jquery.easing.min.js" type="text/javascript"></script> <script src="js/jquery.lavalamp.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#lavaLamp").lavaLamp({ fx: "backout", speed: 700, click: function(event, menuItem) { return false; } }); }); </script> <!-- ▼後者のjs --> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3");</script> <script type="text/javascript" src="js/main/jquery.cycle.js"></script> <script type="text/javascript" src="js/main/slideshow.js"></script> このように記述しても後者のものしか動きません。 前後逆にすると前者が動きます。 以前の質問でjQueryのファイルには記述する順番があるとお答えを頂いたのですが、 調べても初心者の私には理解できず・・・。 こちらのファイルを同時に使用するにはどのような順番で記述したら宜しいのでしょうか? 大変困っております、どうか宜しくお願い致します。