はじめまして、ただいまホームページ作成の勉強中なんですが,ホームページ上の画像を一箇所だけを時間がきたら切り替えれるようにしたいのですが,画像は２パターンで交代交代に画像が変わるようにしたいのですが,いくら調べても分かりません｡
どなたかご存知の方教えていただけなしでしょうか。
お願いします｡
＞いくら調べても分かりません｡
JavaScriptの本は何冊・各何回お読みになりましたか？
>時間がきたら切り替えれるようにしたいのですが
「何の時間か？」によりますが、本を読んですぐ出来るレベルではないと思いますが。
ただ、サンプル集を探してなんとかするのが、
実力アップを目指しつつ、とりあえずサイトを仕上げたい初心者の頑張るべきところだと思います。
この質問の仕方じゃ、やり方全部教えてよって感じに受けとられますよ。
調べたソースの一部で、ここまで頑張りました！みたいなアピールをすると
ココの回答者の方々の心を動かすことができます（笑）
>1
状態「回答」とするのではなく、状態「出直せ」があればそうするんでしょうね。
とりあえず、こんな感じですか？
http://members.jcom.home.ne.jp/1633348312/sample/image/slide2.html
ちなみに、ここでお馴染みの ひよこさんのサイトです。
＞本を読んですぐ出来るレベルではないと思いますが。
同感。
＞＞本を読んですぐ出来るレベルではないと思いますが。
＞同感。
そんなサンプルが載ってる本はないという意味ですか？
サンプル集は本じゃないと思っていらっしゃるとか？
何回も読んでも、setTimeout の使い方も覚えられない本を
JavaScriptの本とは呼んでません。私は。
まぁ、プログラムなど作ったことがない素人さんかな、て思ったもので...。
＞JavaScriptの本は何冊・各何回お読みになりましたか？
心の中で、ナイスアドバイスとおもいましたが...。
面と向かて言われると、ちょっとショックかも...。
http://tohoho.wakusei.ne.jp/wwwimage.htm#ANIMEGIF
では駄目ですか？
>>6
同感。
似たような過去ログ(qa1977)がありますし、HTML+TIMEの語でmsdnを探せば何とかなると予想されます。
時間帯(午前と午後など)で切り替えたいのか、それともインターバルを置きながらブリンクさせたいのか不明ですが、後者と仮定してわざわざJavaScriptにて。
名前の最後を「_0」、「_1」とした画像(img_0.jpgとimg_1.jpg、など)を用意して、その2つの内の「_0」の方をhtml文書に記述しておいてください。以下をbody要素終了タグ直前で読み込めば対応しているwwwブラウザでブリンクします。
//n3にもブリンクさせたければsubstring、indexOfなどで書き換えて下さい。
//setIntervalを使っていないのは、一部のブラウザの挙動がおかしくなるから。
//traceLayerは俗に言うTreeWalkのLayer版。
/** 引数は任意のインターバル設定。1秒は1000ミリ秒。
*/
var blinkImage=new BlinkImage(1000);
/*
*/
function BlinkImage(interval){
if(!(
window.Function&&
window.RegExp&&RegExp.prototype&&RegExp.prototype.test
))return;
this.interval=interval;
this._=new RegExp('(_)0(\\.[0-9a-zA-Z]+)$');
this.i=(this.images=document.images)&&this.images.length;
this.image=null;
this.loop=new Function(
"while(this.i)with(this)if(_.test(images[--i].src)){"+
"image=images[i];"+
"break;"+
"}"
);
this.loop();
if(!this.image&&document.layers&&document.layers.length){
this.layer=document.layers[0];
this.traceLayers=new Function(
"this.i=(this.images=this.layer.document&&this.layer.document.images)&&"+
"this.images.length;"+
"this.loop();"+
"if(!this.image){"+
"if(!("+
"this.layer=this.layer.layers.length&&this.layer.layers[0]||"+
"this.layer.siblingAbove||"+
"this.layer.parentLayer&&this.layer.parentLayer.siblingAbove"+
"))return;"+
"this.traceLayers();"+
"}"
);
this.traceLayers();
}
if(!(
this.image&&
window.String&&String.prototype&&String.prototype.replace
))return;
this.images=new Array();
for(var i=0;i<2;i++){
this.images[i]=new Image();
this.images[i].src=i?this.image.src.replace(this._,'$1'+1+'$2'):this.image.src;
}
this._=0;
this.changeSrc=new Function(
"with(this){_^=1;image.src=images[_].src;};"+
"setTimeout('blinkImage.changeSrc()',this.interval);"
);
window.setTimeout&&setTimeout('blinkImage.changeSrc()',this.interval);
}
この前、ここの掲示板で親切に教えていただいてとってもうれしかったです。
ありがとうございます。
すごくイイ掲示板だなぁって気に入っていたんですけど
ちょっと悲しいお返事見たのでカキコすることにしました。
この質問の投稿をした渡部さんの
「いくら調べても分かりません｡ 」
の気持ちよくわかります。
たぶん、HTMLの分厚い本をがんばってすみずみまで見たり、
いっぱい時間かけて検索して調べてもわかんなかったかも？と思います。
今回のことぢゃないけど・・・
まえにシラベルが書いたこんな文章がパソコンの中に眠ってました
----------------------------------------------
初心者がわからないのは作る人が悪い?
『初心者向けタグ講座』
これとっても多いです(笑)。やりたくなる気持ちわかります。
でもね、
上級者が作るページって初心者のことわかってないなぁ〜
と感じることがあります
わたし初心者だからわかるの。
何か使いたいタグやスクリプトがあって
ＴＯＰページのＵＲＬを教えてもらっても
そのサイトのどこに目的のモノがあるか？
たどりつけない・・・（涙）
表が作りたいのにテーブルと書いてある
テーブルってご飯食べるあのテーブル？（謎
音楽を使いたいのにＭＩＤＩって書いてある
ＭＩＤＩって初めて聞いたよ？いったい何？
テーブルを理解して、初めてテーブルで何ができるのかわかる
ＨＴＭＬを理解して、初めてＨＴＭＬで何ができるかわかる
ＣＳＳを理解して、初めてＣＳＳで何ができるかわかる
Java Scriptを理解して、初めてJava Scriptで何ができるかわかる
目的のモノにたどりつけない初心者に
「もっとよく探してください。キチンと見て！」
とは言わないでね？悲しくなります。
初心者が利用できない『初心者講座』っていったい（＾＾；
そんなナビゲーションのページ意味無いぢゃんっ！
難しいなぁ・・・・
---------------------------------------------------
以上前に書いた文章♪
表がテーブルってわからなかったのも、音楽付けたいって質問してMIDIって単語を
いきなり言われてわかんなかったのもちょっと前の自分のことです。
つい最近でも、ブラウザなどにあるツールバー、アドレスバーは知っていても、
メニューバーって知らなくて、頭が真っ白になってすっごい恥ずかしい思いをしました。
初めて勇気を出してカキコしたかも？しれない渡部さんが悲しい思いしたかなって
気になったから。。。。。。ついカキコです。
これ読んでムカツクって思った人いたら、ごめんなさい。
>>8
何か勘違いしていませんか？
少なくとも私は、何冊も読んでから質問するべきだ、
とは言ってないし、そう思ってもいません。
むしろ、いくら調べてもわからないようであれば、
調べ方が悪い（か、本の書き方が悪い）んだと思います。
もし調べ方が悪い人に対して、その場しのぎのような回答で済ませば、
その人は、別の問題でも、再び、いくら調べてもわからない状況に
陥ることを繰り返すでしょう。その方がいいですか？
まず、より効果的な“調べ方”を覚えるのが先決だと思います。
>>8のようなコメントは、読むと、深く考えずに
これは悲しい思いをする状況なんだと思い込む人が
増えると思うので、ご遠慮いただけると嬉しいです。
＋α さん、たこすけさん、ma-toさん、いつも大変お世話になっています！
シラベルさん、ゲストブックへのメッセージも、ありがとうございました。
同初心者さんも、良きアドバイスありがとう。
私は、いろんな人（年齢、性別、素人さん、玄人さん）のご意見がいただけると嬉しいです。
さて、そろそろ渡部さん、出番です！
質問に対する具体的な解決策は
>>3
でおそらくほぼズバリではないかと＞渡部さん
☆ma-toさんのもありですが、難易度高そう？（＾＾；）
蛇足なのですが、私としては
>>8
シラベルさんに共感できる部分があります。
＞上級者が作るページって初心者のことわかってないなぁ〜
とか、あと特に
＞ＴＯＰページのＵＲＬを教えてもらっても
＞そのサイトのどこに目的のモノがあるか？
＞たどりつけない・・・（涙）
この気持ち、ほんとによくわかります（＾＾；）
一方で、投稿については、例えば初心者であれば初心者なりにどんな努力をしたのか（例えばどこのサイト or こんな本をみたけれど見つからなかったなど）は、記しておいたほうがよいですし
☆このあたりについては、私的には以下で述べたとおりですが：
http://www.parkcity.ne.jp/~chaichan/qanda/qa1764.htm
http://www.parkcity.ne.jp/~chaichan/qanda/qa1792.htm
直接トピックに関する書込みでなくて恐縮なんですが、まぁ、>>8がちょっと気になったので（＾＾；）
>>11
>例えば初心者であれば初心者なりにどんな努力をしたのか
>（例えばどこのサイト or こんな本をみたけれど見つからなかったなど）は、記しておいたほうがよいですし
いや、ここは努力したことをよりも結果重視の人達が多いでしょ。(以前は特に）
「先生、頑張ったけど努力したけど今回も無理だった.....」
「甘ったれたこと言うな！努力という言葉は結果を出してから言うセリフだ」
みたいな。
或いは「本なんか読んだって、いい加減なのが多い」と言う回答者もいるし。
わからない用語があったら辞書。が基本ね。
アスキー デジタル用語辞典
http://www.ascii.co.jp/ghelp/
Insider's Computer Dictionary
http://www.atmarkit.co.jp/icd/index.html
情報・通信事典 e-Words
http://www.e-words.ne.jp/
個別の問題に答えるより、調べ方を教えた方が「初心者」のためになると思う今日この頃。
あのね、初心者はそれぞれの言葉の意味がわかっても、
プログラムは「組めない」んだよ。
サンプルの改造まではなんとか辿り着く事は可能ですが。
「組める」まで本を読めって事を言いたいのでしょうか？
自分のやりたいイメージを形にできないもどかしさを分かりますか？
それを解決できるという事が回答者の存在意義でしょう。
それによって満足感（？）を得られるから無償で継続しておられるのでしょうし。
あのね、「MIDI」や「テーブル」の意味の説明まで回答者(や解説ページ)に要求してほしくないわけ。というわけで辞書。
本読まなくたってWeb上にいくらでも情報はありますよ。それがただ、いくつかの言葉が分からないだけで理解できないのはもったいない。
>「組める」まで本を読めって事を言いたいのでしょうか？
そんなこと誰も言ってませんよ。本読んでも分からない人が、読んだだけで分かるようになればすばらしいって話。
もどかしいって人には、ちゃんと具体的な回答もつくわけだし、もっと先を見た、違う親切さを持った回答者がいてもかまわないでしょう。
単に答えだけ学んでいたのでは、いつまでたっても初心者。
調べる方法を学ぶことが出来れば初心者を脱することが出来るでしょうし、やがては回答者にもなれるでしょう。
だから私は、「○○についてはここで聞くんじゃなくてここで調べろ」という類の回答は非常に良い回答だと思います。それを生かして成長できるか否かは回答された側に依存しますが。
>>14
「回答者の存在意義」って、ここはユーザサポートページじゃないんですから・・・。
答えをそのものズバリ教える回答者も、ヒントしか教えない回答者もいていいじゃありませんか。
質問者にとっては前者の方が「地獄に仏」でありがたいけど、
質問者のスキルアップには後者のほうがタメになるんだし。
>>16
おっと、内容がかぶってしまいました。すみません。
>>14
プログラムが組めないというのはなぜでしょう？
サイトを探せば下手な本を買うより参考になるところがたくさんあると思います。
多分ですがね。（ 本を買ったときないんで分かりません )
ちなみに、とほほさんのところや使いたい言語のメーリングリストの過去記事なんかをよく参考にしています。
それだけで満足の行く物が組めますよ。
ていうか、14 はサンプル集は本として存在しないと思っている
という謎な立場なんでしょ？気にしてもしょうがないと思う。
>ていうか、14 はサンプル集は本として存在しないと思っている
意味を取り違えている謎な人達が多いようですが。
本もサンプル集も一緒。
例えば、ＡというサンプルとＢというサンプルがあって、
両方の事をやりたいという時にjavascriptの仕組みが理解できてない初心者には実現したい事を実行するＡＢ組み合わせたプログラムを組めないのです。
>ちなみに、とほほさんのところや使いたい言語のメーリングリス
>トの過去記事なんかをよく参考にしています。
>それだけで満足の行く物が組めますよ。
これだけではある形のサンプルがあるだけでしょう。
単なる数値の入れ替えなどで対応できる改造では実現できなかった場合、初心者は一から順序立ててプログラムできないわけですから、こういう流れで組めば実現できるという方法を示してあげるのは成長を妨げるとかそういう視点で考える事ではないと思います。
そういう初心者に対して、何度本を読みました？なんて質問は、
グローバル関数がどーこーで、配列は…を理解しろよって聞こえるんですが。それが分かるまではサイト作りから手を引けって言われてるのも同義ですが。
ある程度の専門用語すら知らないような素人を（頼りすぎな人）
門前払い的にここで調べるのが先でしょう？とするのには賛成できます。
サンプルの改造ができるけど、組み合わせたり処理を変えたり…ができるまでに壁がある事は、回答者達には伝わらないのかもしれませんが。
こういう人であるならば、setTimeoutなどの用語は知ってるという前提で話を進めていいと思いますし。
こんなに長文なのに（だから？）言いたいことがさっぱり見えませんな。
>>21
何度本を読みました？なんて質問は、
何度本を読んだか知りたいだけですが。
「いくら調べても」とか言われたときの目安に。
つーかこの板ってプロもしくはハッカー養成板だったんでしょうか？
そんなにえらそーに言わんでも、ほっておけばいいんでないの？
自分はＦＡＱとして解釈していましたがどうなんでしょう？管理人さん
ＦＡＱとして理解していた自分にとってここが論議板ならば
無駄な記事が多すぎるので、自分にとって見る価値が下がります。
＞無駄な記事が多すぎるので、自分にとって見る価値が下がります。
お気持ちは理解できますが、野次馬根性のオイラは結構好きです。
他の質問掲示板では見られないやり取りだからです。（藁
正統派の答えでなくて申し訳ありません。
>>8
> 上級者が作るページって初心者のことわかってないなぁ〜
> と感じることがあります
単に初心者をターゲットにしてないのかも知れません。
初心者がターゲットなのにそうなっているのは指摘すると喜ばれると思われます。
>自分はＦＡＱとして解釈していましたがどうなんでしょう？管理人さん
>ＦＡＱとして理解していた自分にとってここが論議板ならば
無駄な記事が多すぎるので、自分にとって見る価値が下がります。
> 本ＢＢＳの運営方針は、ずばり、運営方針がないのが、運営方針です！
> ふざけているのか、って言われそうですが...。いままでもそうですし、これからもそうします。
> とにかく、ここに集うみなさんの良心に依存したいと思います。以上。
まぁ、こういうことらしいので「無駄な記事が多すぎるので、自分にとって見る価値が下がる」のは当然だし仕方ないですよ。
管理人は沢山の訪問者に見て欲しいかららしいですけど、思惑とは逆にしか機能してないと思う今日この頃です。
だから25のようなスタンスで見るか去るかですね。
面白いですよ。斜めに見るのも。
>>21
>こういう流れで組めば実現できるという方法を示してあげるのは成長を妨げるとかそういう視点で考える事ではないと思います。
setTimeout で 一定時間の処理。
レイヤを使って切り替える。
または、
src を書き換えてやる。
なのかな。
でも、
この辺の考え方はDHTML系に共通している物だと思います。
なのでやっぱりこれくらいなら本を読んでればすぐわかるのでは？
と思います。
でね、レイヤはブラウザや、OS によって動作が異なりそうなねたですので、
一度、IEオンリーでもいいので適当にソースを組んでみてもいいと思います。
その後にそれぞれのプラットホームに対応させていけばいいです。
>本もサンプル集も一緒。
ある意味(参考になる) では一緒。
でも、サンプルはリファレンスではないはず。
サンプルは、いちいちソース解説なんてしません。
サンプルとリファレンス系のダウンロードできるサイト(とほほのWWW入門とか)を照らし合わせて学ぶのが一番。
理由は、そっちのほうが自分で考える力や、くせがつく。覚える。
理解できる。安く済む。検索できる。などなど。
別の方向からサンプルと同じ物を作ってみると案外作れちゃったりする物です。
>>24
>つーかこの板ってプロもしくはハッカー養成板だったんでしょうか？
なぜにハッカー？ついでにプロ？
>そんなにえらそーに言わんでも、ほっておけばいいんでないの？
誰もえらそーにしていないと思う。
>ＦＡＱとして理解していた自分にとってここが論議板ならば
>無駄な記事が多すぎるので、自分にとって見る価値が下がります
逆にいろんな人の意見が知れていいかな。
物事はいろんな角度から見るべきです。
まあ、やっぱり人それぞれなんでしょうがね。
>>8
> 上級者が作るページって初心者のことわかってないなぁ〜
> と感じることがあります
同感。無駄な処理が多いときがある。
それがかえって分かり辛い。
で、初回投稿者はいずこへ？
ていうか、完了した記事だったのかな？
ていうか、setTimeout じゃなくて
午前と午後とかっていう時間なのですか？
質問者の質問は回答者にとって、どうでもいいみたいだね。
＞質問者の質問は回答者にとって、どうでもいいみたいだね。
すでに、いくつか回答が出ていますが...。
質問者が、すでに退散してしまっているので、どうにも...。
ということで、完了にします。
＞質問者の質問は回答者にとって、どうでもいいみたいだね
ということもありますので、以下の御意見箱に書き込みするとかはいかがでしょう。
http://www.parkcity.ne.jp/~chaichan/bin/chaipapa3.cgi?inzfg=1&modfg=1
参考までに。では完了です。