• 締切済み

スクリプトの記述について

dreamweaver8を使いHPを作成しています。 時間によって表示するイメージを変更したいのですが、スクリプトの記述の仕方がわかりません。使用する画像（a.jpeg）,(b.jpeg)の２種類、毎日12時と18時にその２つの画像が入れ替わるようにしたいのですが、この場合スクリプトはどう記述すればよろしいのでしょうか？ ご回答よろしくお願いします。

みんなの回答

  • tuki_yuki
  • ベストアンサー率30% (35/114)
回答No.1

dreamweaver8は使ったことが無いのですが、javascriptを組み込めるなら以下のスクリプトで実装できると思います。 朝00:00-11:59分まではb.jpeg 昼12:00-17:59分まではa.jpeg 夜18:00-23:59分まではb.jpeg みたいな感じでいいんですよね？ <SCRIPT LANGUAGE="JavaScript"> <!-- myTime=(new Date()).getHours(); if(myTime > 11 && myTime < 18){ myIMG="12時から17:59分まで表示させたい画像のパス"; }else{ myIMG="それ以外の時間帯に表示させたい画像のパス"; } document.write("<CENTER><IMG src="+myIMG+"></CENTER>"); //--> </SCRIPT>

betty7rock
質問者

お礼

ありがとうございます！！できました　本当にありがとうございます。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • サイト作成のスクリプト記述方法教えてください

    サイト作成を始めたのですが、スクリプトの記述方法がわからず困っています。 いろいろ検索で調べたのですが、よく分からず質問させていただくことにしました。 どなたかご教授いただけないでしょうか？よろしくお願いします。 ページごとのスクロール位置、またNAV画像クリックで、 NAV画像をフェードアウトでｏｆｆ画像に入れ替え、 フェードインでon画像にといった感じで入れ替えていきたいのですが、 スクロールごとに画像がチカチカとしたりします。 どのようにスクリプトを記述すれば、いい感じに実現できるでしょうか？ 現状こんな感じになっておりますが参考までに http://www11.ocn.ne.jp/~website/sample/index.html

  • ジャバスクリプトでの画像の記述方法

    ジャバスクリプトでの画像の記述方法 下のようなイメージがあります。 これをjsに読み込めますか？ 他の方法がありますか？ その場合、どのような記述をすればいいのでしょうか？ document.write ("<>"); よろしくおねがいします。 セリフをたびたび変えたいので、jsで記述したいのです。 -----ここから <img src="../aaa.gif" alt=" あああああ いいいいい ううううう えええええ おおおおお たたたたた" width="28" height="30"> -----ここまで

  • ＪＡＶＡスクリプトで・・・・・・

    Aという画像をクリックすると、下にB,C,Dというようなメニューが出現するようなＪＡＶＡスクリプトを使用したいのですが、どう記述すればよいでしょうか？

  • 画像をランダムにスクリプト

    ホームページをHTMLで作成しております。画像をランダムにスクリプトしてますが、画像のサイズが大きすぎるので、HTMLでサイズ変更する場合の、HTMLをご教授ください。 width="300" height="200"を挿入でいいのでしょうか。 その場合の挿入箇所をお教えください。 現在、下記のHTMLを作成しております。 <script language="JavaScript"> <!-- var image=new Array (); image[0]="s/b/bike1.jpg" ; image[1]="s/h/hatake207.jpg"; var rnd=Math.floor(Math.random()*image.length); document.write(" <img src=' "+image[ rnd ]+ " '> "); //--> </script> 宜しくお願いします。

  • iframe内のスクリプトを親から3つ実行する記述

    iframe内のスクリプトを親から3つ実行したいのです． 親フレームのイベントハンドラ　input　とonclick="()"　を利用して１回のクリックで １）iframe内のHTMLを変更し　（iframe00.htmlからiframe01.htmlへ） ２）iframe内のflvファイルを開始し（iframe01.htm内のflaverを実行しa.ｆｌｖを開始したい） ３）iframe内の画像を変更したい（iframe0１.htmlでは同一table内で　a.gifを，iframe02ではb.gifを表示） 現在までで出来ているのは以下のところまでで，上記１）と３）はできるのですが， ２）は下記のごとく，onmouseoverとonclickを使用しないと，ｆｌｖが開始されません． changeA1のdocument・・・を　changeA2の中に入れても，iframeのHTMLと画像は 変わりますが，動画が開始されません． 私の実力では，希望している動作が可能か否かも解りません． 可能か否か，可能であればどのように記述すればよいかご教示いただければ幸いです． １．親htmlのスクリプト，iframeの記述，およびイベントハンドラー <script type="text/javascript"> <!-- function changeA1(){document.win01.location.href="iframe01.html" ;} function changeA2(text01,file01,image01){ var text02=text01; var file02=file01; var image02=image01; document.getElementById('win01').contentWindow.play01(text02,file02,image02); } 　function changeB1(){document.win01.location.href="iframe02.html" ;} function changeB2(text01,file01,image01){ var text02=text01; var file02=file01; var image02=image01; document.getElementById('win01').contentWindow.play01(text02,file02,image02); } //--> <iframe　src="iframe00.html　id="win01"></iframe> <input type="button" value="I" onmouseover="changeA1（）" onclick="changeA2('あ', a.flv','a.gif') /> <input type="button" value="II" onmouseover="changeB1（）" onclick="changeB2('い', b.flv','b.gif') /> ２． iframe01.html のスクリプト <script type="text/javascript"> <!-- function play01(text00,file00,image00){ var flaver = '../../flaver3/flaver.swf'; var html01 = ''; var html02 = ''; html01 += '<font style="font-weight:bold; font-size:15px">' + text00 + '</font>'; html01 += '<object data="' + flaver + '" type="application/x-shockwave-flash" width="400" height="300">'; html01 += '<param name="movie" value="' + flaver + '" />'; html01 += '<param name="FlashVars" value="file=' + file00 + '" />'; html01 += '<param name="wmode" value="transparent" />'; html01 += '<param name="allowFullScreen" value="true" />'; html01 += '</object>'; document.getElementById('flv01').innerHTML = html01; html02 += '<img src="'+ image00 + '" border="0" width="360" height="270" />'; } //-->

  • Java　ScriptでHP作成

    こんにちわ。 今、ホームページビルダーでHPを作成中なのですが、もっと凝ったものを作りたくてJava　Scriptに挑戦しています。 作ったファイルをMOに保存しているのですが、ごちゃごちゃして見にくくなるのが嫌で、gifやjpegの画像は「gif」フォルダを作成してそこに保存しています。（種類別にフォルダを作ってます） そこで質問なんですが・・・、 ビルダーの「かんたん」で作成する分には「gif」フォルダに保存していても画像を表示させる事ができます。でもJavaでやる時には、○○フォルダの中にある「gif」フォルダの△△.gifファイルという指定をしなければいけないので、その書き方が分からないのです。 試してはみたのですが、プレビューで表示させると駄目で・・・。 /や￥の記号などを入れないとだめなのでしょうか？入れるとしても何処にいれればいいか分かりません。 説明が下手で分かりにくいかもしれませんが、どなたか分かる方いましたら教えてください！よろしくお願いします。

  • オンマウスで画像表示する外部スクリプトを呼び出したいのですが

    お知恵をお貸し下さい。よろしくお願い致します。 「画像Aを表示」→「オンマウスで画像Bを表示」という効果を、 外部スクリプトを使ってやってみたいと思っています。 ただ外部スクリプトを読み込む時の指定方法がわかりません。 ちなみに、以下のスクリプトを外部に分けず、 <head>～</head>内に書いた時はきちんと動いておりました。 ※外部スクリプトの記述（sample.js） <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { // 設定開始 // 通常の画像 var img0 = new Image(); img0.src = "sample/sample.jpg"; // ポイント時の画像01 var img01 = new Image(); img01.src = "sample/crip/01/01.jpg"; 　　　　： 　　　　：（このあと02～03と画像が増える予定） 　　　　：　　 // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </SCRIPT> ========================================= ※読み込む先の記述（sample.jsは指定してあります） <a href="index.html" onMouseOver="On('img01')" onMouseOut="Off()"> <FONT SIZE="2" COLOR="indigo">【1】</font></a> 【1】の文字にマウスを持っていくと、違う場所に表示してある 画像Aが画像Bに変わるようにしたいのです。 オンマウスオーバーの指定がよくないのかと思うのですが 具体的にどこをどうしたらいいか、よろしくお願い致します。

  • JPEG保存方法について

    今私はＨＰを作ろうと思って色々と画像処理やイメージを考えてます。 HP作成ソフトはDreamweaver(ドリーム）で、サイト傾向はイラストを主に扱うサイトにしたいと思って、PhotoShop(写真屋）で画像をいじってるんです。 でも、なぜか写真屋でJPEG保存するとドリームのプレビューで画像が出てきません。 写真屋でGIF保存すると普通のGIFイメージでドリームでもちゃんとでてきます。 そもそもJPEGが写真屋psdと同じようなアイコンで保存されてます。 (GIFだったらちゃんとGIFイメージアイコンになってます） 設定がおかしくても何処でどのように変えればいいのかわからないので その辺のこと詳しく教えていただきたいです。 ＊OSはWin98(Fujitsu）・使用ソフトはMacromedia　Dreamweaver4とAdobe　Photoshop6.0です＊

  • スクリプトの入れ方で教えて下さい

    文字（例：あいうえお）にマウスを重ねると画像が表示されるスクリプトを以下のように書き込みました。 一箇所はこの通りで正常にできたのですが、同じページ内に数箇所同じスクリプトを有効にさせるためにはどうしたらよいのでしょうか？ また、以下のスクリプトの場合で画像が表示される位置を指定したいのですが 可能でしょうか？（右側に表示・・・等） よろしくお願いいたします。 <script language="javascript"> <!-- function changeVis(obj, visible) { document.all(obj).style.visibility=(visible?"visible":"hidden") } //--> </script> <P align="center"><FONT size="2"> <A HREF="#" onMouseMove="changeVis('image', true)" onMouseOut="changeVis('image', false)">あいうえお</A> </F></P> <IMG SRC="画像.gif" STYLE='visibility:hidden' id='image'></DIV>

  • 画像の切り替えの記述形式について

    <a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A１.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか？ <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する