【質問】お世話になりまして有難うございました。
纏める事が出来今日アップしました。
家籠りの多い日々ですので，
色々お借りし勉強させて頂きます。
有難うございました。
【管理人・千田】
無事にアップ出来て、ほんとうによかったです。
また何かありましたら、御遠慮なくお声をかけて下さい。
少しでも楽しい時間を過ごすお役に立てれば嬉しいです。
―2021/09/25―
【質問】お忙しい処大変申し訳ありません。
つい最近素晴らしいこちらのサイトさんがあるのを知りました。
ソースだけで色々作成できるのは夢のようです。
PCに詳しくありませんので説明の仕方が稚拙だと思います。
シャフルするスライドを作成しました。
プレビューすると １．３．５，番に画像アドレスを
入力した画像のみ表示され あとは表示されません。
見開きページも作成しました。
同じように １．３．５．７．に入力した画像のみ
表示されその繰り返しになります。
どちらも画像の入力の仕方が間違っているのか
分かりません。
こんな質問の仕方でお分かりになるでしょうか？
お手数おかけしますが よろしくお願いいたします。
【管理人・千田】
こんにちは。サイトをお褒め頂いてありがとうございます。
たぶんその失敗の原因は、「リンクを記述する場所にも画像を記述されたせい」
ではないでしょうか？
1行に付き、画像指定は1個のみです。右隣はリンク先指定です。
リンク先を付けない場合は空白です。
３行目以降のように、１行目、２行目も右隣は「"",」となります。
見本では画像が５枚までしか指定できませんが、３行目４行目をコピペすれば、何枚でもできます。
ただし、最終行だけは「"",」ではなく「""」の , (カンマ)を付けない記述です。
JavaScriptは余分な「,」を付けたり、付け忘れたりしただけで、動作しなくなるので慎重に記述して下さい。
それでも動作しない時は、また連絡下さいね。
//★画像指定とリンク先指定。例として1番目と2番目の画像にリンク指定有り。しない時は"",と記入。
var ga=[
"gt3.jpg","http://www.yahoo.co.jp",
"gt4.jpg","http://www.google.co.jp",
"gt5.jpg","",
"gt1.jpg","",
"pt59.jpg","" /*★最終行には,(カンマ)を付けない*/
];
―2021/09/23―
【質問】初めまして、ルリと申します。
どうしてもできないので、問い合わせをさせて頂くことにしました。
「マウスストーカー ８ 画像」のJavaScriptの通りにしましたが、マウスストーカーの輝く星が貴サイトと同じものにはできませんでした。
元画像が無いからだと判断して、元画像を探しましたが、同じものを見付けることはできませんでした。
お手数をおかけしますが、元画像のサイトURLをお教え頂けますでしょうか？
どうかよろしくお願いします。 by ルリ
【管理人・千田】
こちらこそ、初めまして。
ご質問の画像は、「msk3_ki.png」のことだと思います。
無料素材倶楽部（http://sozai.7gates.net/）の「キラキラ素材」の「キラキラ輝く光のイラストパーツ」の一番最初の画像です。
このサイトの素材は「加工自由」なので、100px×100pxの白色の素材を、30px×30pxの黄色に加工しました。
このサイトの禁止事項として「当サイトの素材画像を素材集として販売、再配布、転載する行為。」とあるので、御自分で加工して下さいね。
―2017/09/28―
【質問】ご返事ありがとうございます。
入れ替える画像の所に、http://～と画像のアドレスを入れたらできました。
親切にありがとうございました。でもまた、質問するかもしれません。
スタイルシートのヘッダーの中から画像が出なくなっています。
でも”サンタさんのページ”が似ているため、参考に自分でやってみます。わからなければ再度、聞きます。ありがとうございました。
【管理人・千田】
解決して、ほんとうによかったです。
念のため、HOMEページ内メニューにも「画像の指定方法について」というコーナーを作って、説明文を作成しました。
画像指定に関する疑問ができたら、また読んでみて下さい。
「ここがわからない。ここがうまくできない」という点がありましたら、どうぞ遠慮無くご質問下さいね。
私自身もJavaScriptに関する専門的な知識はありませんが、わかることはできるだけお答えしますよ。
よろしくお願いします。
―2016/04/03―
【質問】私も画像の入れ方がわかりません。
昨日の方よりもっと知識がありません。
ご迷惑をおかけします。
imageの中にあるので、1番目のやり方で入れても、スクリプトエラーで引き数が無効となります。
sa2.pngを自分のimage フォルダにある画像をいれたのですが・・・
オリジナルの動くドローンを入れるのを希望します。
【管理人・千田】
最初はみんな初心者ですよ、大丈夫です。
俊夫さんは、このJavaScriptをコピーした御自分のHTMLの中に、普通の画像を表示させることができますか？
写真でもアイコンでも<img src="■■/image/画像ファイル名">というタグを記述して、表示できますか？
俊夫さんの「image フォルダ」が、どんなディレクトリの中に入っているのかはわかりませんが、
<img src="■■/image/画像ファイル名">が表示できるのなら、同じ記述方法で
「"sa2.png"」のところに「"■■/image/画像ファイル名"」を記述すればいいのです。
当然ですが、<img src="■■/image/画像ファイル名">を表示するにはアップロードしなくてはならないように、JavaScriptで指定する画像もアップロードが必要です。
JavaScriptの画像指定の時は、「"」と「"」で画像を囲んだり、複数の画像の間には「,」が必要ですが、最後の画像の後ろには「,を付けない」とかのルールもあります。
「"sa2.png"」のところに「"■■/image/画像ファイル名"」を記述した時は、「myurl」には何も記述せず、「var myurl="";」のままにして下さい。
ここにも「var myurl="■■/image/";」を記述したり、「var myurl="";」を削除したりするとエラーになります。
「var myurl="■■/image/";」を記述するのは、画像が別フォルダに入っているのに「"sa2.png"」のところに「"画像ファイル名"」のみを記述した場合だけです。
それでも表示ができない時は、またご連絡下さい。
その時は、俊夫さんが<img src="■■/image/画像ファイル名">で、画像の表示ができるのかどうかを教えて下さいね。
>オリジナルの動くドローンを入れるのを希望します。
↑この意味が、私にはまったくわかりません。すみません。これもまた教えて下さい。
―2016/03/30―
【質問】話の論点が合わないね。
原作がそうだからって問題ない訳がないではないか？
bottom edgeを指定してしているのに、際限なくスクロールすることが問題ということ。
スクロールしてもいいのなら、マウスイベントだけで良いのだから。
innerWidth/innerHeight はスクロールバーを含む（見えていなくても）サイズを取得するから、下記のようにするだけでページの下でストップする。
殆どのブラウザで17pxだがオペラが18pxだと思うので、
var rightedge = window.innerWidth -T1[1]-18;
var bottomedge= window.innerHeight-T1[2]-18+window.pageYOffset;
あと、varは付けないと、関数内でもグローバル変数になるから、なかったら付ける癖をつけたほうが良いですよ。
初めは素人だと思ってやさしく言っているのに、分かったような返事をする。
結構知っているのかと思って、指摘すれば修正するものかと思ったら、「これでいい」みたいなこと言う。
なんでこちらが答えを言わないといけないのか？
まあ心配しないで、もう連絡しないし、一切かかわらないから！
【管理人・千田】
>なんでこちらが答えを言わないといけないのか？
「答え」をご存じなら、なぜ教えてやろうと思っていただけないのか？
そちらの方が、自分には不思議です。
>まあ心配しないで、もう連絡しないし、一切かかわらないから！
それはとても残念です。
秋天さんのおかげで、「目玉ストーカー」の自分の勘違いがわかり、修正することができました。
「グーグル検索」の位置も変更できました。
「おかしい。困る」という指摘は、とてもとてもありがたいものです。
「連なる画像のストーカー」については、当方の個人的な理由ですぐに修正する時間がとれませんが、教えて頂いたことを参考に、後日もう一度チェックしてみます。
どうかまた、ぜひおいで下さい。心からお待ちしています。
―2016/02/12―
―2016/03/03追記―
秋天さんの教えて下さったとおりに修正したところ、際限の無い下へのスクロールがピタリと止まりました。
ありがとうございます！
教えて頂けなかったら、自力では解決できませんでした。
他のマウスストーカーでも同様の症状が出るのは、window.innerWidthとwindow.innerHeightの指定が無いからなのですね。
指定があるのに症状が出るのはおかしい→→肝に銘じます。
ほんとうにすみませんでした。そして、ほんとうにありがとうございます！
【質問】返事のところは今まで見ていなかったからびっくりした。
わかりませんでした、は無いだろう！
全て見ていないが、不具合を見たのは、
マウスストーカー3連なる画像、3-2、3-3、3-4。
右端は、right edgeが効いていて右には行かないが、
下は際限なく行ってしまう。
マウスホイールボタンは使わない？
ブラウザの問題で下へ際限なくスクロールしない。
コピペで使えるというのに、不具合のテストしないのか？
テストは重要だよ。
素人に使ってもらうんだったらもっとチェックしたら。
【管理人・千田】
詳しい症状の説明、ありがとうございます！
当サイトのJavaScriptは、最新の４つのブラウザで確認しています。
>マウスホイールボタンは使わない？
もちろん使用しますが、スクロールバーの下まで到達したら、それ以上マウスホイールをしたことはありません。
スクロールした後も画像がマウスに付いてくるかどうかは、＜hr style="margin-top:1500px;"＞を入れてみて、動作確認します。
原本の方もチェックしましたが、スクロールバーの下まで到達した後にマウスホイールすると、やはり際限もなく下へ行きます。
他のサイトのマウスストーカーも１件だけですが、見てみました。
やはり下へ行きます。
自分が不勉強なのかもしれませんが、スクロールバーの下まで行った後にマウスホイールすると下に行くのは、全部そうなのではないでしょうか？
マウスに画像が付いていかないのなら、問題ですが。
―2016/02/06―
【質問】即時関数使うのは良いけれど、サンプルで少しあればいいんではないか？
マウスイベントで頻繁に使うものまで即時関数にすると動きがおかしいよ。
コピペでも動作する、素人でもできると思いきや、プロフェッショナルぶっている。
素人は複数を使ったりしないのだから、基本的なソースであってほしい。
少し勉強したら、即時関数、無名関数などを使い編集していけばよいのだから。
【管理人・千田】
秋天さん
また来て下さってありがとうございます！
>素人は複数を使ったりしないのだから、基本的なソースであってほしい。
おっしゃる通りです。
ただgeocitiesでサイトを作成されていた方が、自動で付く広告のせいで、簡単スライドショーの画像が動作しないという事例がありました。
その時は私も即時関数など知らなかったので、グローバル変数のurlをmyurlへ変更することで対応しました。
素人は、私も含めて、画像が動くのが単純に面白いのです。
だから簡単にコピペで動作するブログパーツなんかも入れてしまいます。
複数のJavaScriptのグローバル変数がぶつかって動作しないなんて、なかなかわからないのです。
>少し勉強したら、即時関数、無名関数などを使い編集していけばよい
……コピペしかできない素人に、無茶な事を言わんで下さい。
コピペからJavaScriptに興味を持って勉強される方は、少数の方です。
ほとんどの方は、動作しなければ使用するのをあきらめるか、別の動作するJavaScriptを探します。
当サイトのJavaScriptをコピペしたのが原因で、そんな困った事が起きないようにしたいと、私は思ってます。
困った事が起きても対応できない――それが私を含めた大半の素人なんです。
秋天さんのように知識のある方には、ほんとうに情けない人種に見えるでしょうけど。
でも呆れ返ってらっしゃるだろうに、見捨てずに来て頂けてありがたいです。
懲りずに、また貴重なご意見をお願いします。
対応できることなら、できるだけ頑張りますので、よろしくお願いします！
―2016/01/30―
【質問】方向移動のスライドショーの件。
jQueryを使用しなくても、こんなスライドショーができることに感心しました。
でも、原本はグローバル変数をできるだけ使用しないように作成されています。
それをわざわざ、グローバル変数にするような改造方法には賛成できません。
画像指定や速度指定をしやすいようにという、趣旨は分かりますが…。
【管理人・千田】
タンゴさん。返事が遅くなってすみません。
たしかにご指摘の通りだと思います。
以前も別の案件でグローバル変数がぶつかったせいでJavaScriptが動作せず、変数を変更したことがありました。
今回は、ぶつからないようにする方法を探して、「即時関数」を使用することにしました。
順次、修正する予定です。
貴重なご意見、ほんとうにありがとうございました。
―2016/01/13―
【質問】マウスストーカー３（３－X）は、下へスクロールすると際限なく下へ行ってしまう。
目玉のずれは、フォントの問題ではない。
全てのブラウザで今もずれている。
原因が分からなかったらアップするな。
あと、ページ全体を狭くするとレイアウトがずれて、メニューのリンクとグーグル検索と被ってリンクへ飛べない。
いろいろ問題があるページだね。
【管理人・千田】
秀天さん。ご迷惑をおかけして、大変申し訳ありませんでした。
「目玉ストーカー」を全ブラウザで確認されたとのこと、原因はフォントの問題ではないとのこと。
メイリオだと思い込んで、それ以上調べようとしなかった自分が恥ずかしいです。
早速、修正しました。またおかしければ、教えて下さい。
それから最初の御指摘である、
>マウスストーカー３（３－X）は、下へスクロールすると際限なく下へ行ってしまう。
これについては、どのマウスストーカーのことなのか、わかりませんでした。
マウスストーカー３■文字■ハートでハート
kurt.grigg３■画像D■複数種類の花のランダムマウス
マウスストーカー３■画像■連なる画像
これらについては、最新ブラウザならスクロールしても動作可能だと思いますが、他のマウスストーカーでしょうか？
>ページ全体を狭くするとレイアウトがずれて、メニューのリンクとグーグル検索と被ってリンクへ飛べない。
これについては、そのために左端に縦長の小さなミニ・メニューを付けています。
このメニューも、リンクが飛べなかったのでしょうか？
私の知識不足で問題の多々あるサイトだとは思いますが、これに懲りずにお時間のある時にでも教えて下さい。
よろしくお願いします。このたびは貴重なご意見、ほんとうにありがとうございました。
―2015/12/26―
【質問】管理人 様。
先日（5月頃）、この連絡ページで、当団体ホームページでの使用許可をいただいた者です。
－－個人情報を含むため、以下略－－。
【管理人・千田】
小出さん、こんにちは。
お役に立てて、ほんとうによかったです。私もとても嬉しいです。
ところで当サイトのJavaScriptですが、これらは私の著作物ではありません。
いろいろな方の作成されたJavaScriptに、ほんの少し改造を加えているだけです。
だからお礼については、小出さんのお気持ちだけ頂きます。それで充分ですよ！
たぶんCSSも進化してるので、先々ではもっと素敵なスライドショーを発見されるはずです。
そしたら小出さんの作成されたホームページも、どんどん進化するでしょう。これからもがんばって下さい。
―2015/06/20―
【質問】初めまして。
とある団体の職員をしている者です。
4月からホームページ担当になったのですが、全くの初心者で大変困っていたところ、javascriptによるスライドショーを当団体ホームページに設置する必要があり、困っていたところにこちらのページを拝読いたしました。
当方素人なもので、こちらの記載例をコピーペーストさせていただき、当団体ホームページに使用させていただきたいのですが、問題ありませんでしょうか？
なお、当団体は営利企業ではなく、営利目的のホームページではありません。
お忙しいところ恐縮ですが、ご検討のほどよろしくお願いいたします。
【管理人・千田】
小出さん、初めまして。あまりにご丁寧な御挨拶に、こちらこそ恐縮してしまいます。
「HOME 説明」にも書いてますが、「使用可能なら、どうぞお使い下さい。」
何の問題もありません。
少しでも何かのお役に立てるなら、とても嬉しいです。
素敵なホームページを作成されるよう、応援しています。こちらこそよろしくお願いします。
―2015/05/16―
【質問】はじめまして。メニュの『回転する文字』に、同『消したり、付けたり』ボタンをリンクさせたいと思っているのですが、悪戦苦闘しています。
お手数ですが、メニューに更新をお願いできませんか。
また、メニュの『動く時計』はアナログですが、デジタル(on/offボタン付き)も追加できませんか？
＊デジタルは、ソースはあるのですが、"on/offボタン"を切り替えて 表示させるのに、試行錯誤しています。
よろしくお願いします。
【管理人・千田】
こちらこそ、はじめまして。
残念ながら、お役にたてません。
質問用の説明書きにも書いていますが、私には、『JavaScriptの中味については、とっても初歩的な質問なら、なんとか対応できるかも…な、知識しかありませんが、わかる範囲でお答えします。』――程度の知識しかありません。
他人様の作成されたJavaScriptを紹介させていただいているだけで、自分で作成しているわけではないのです。
当方のページをコピペしたのに動作しないというレベルの御質問なら、なんとか対応したいと思いますが……。
ほんとうに申し訳ありません。
いつかまた、ヒントになるような新しいJavaScriptを見つけた時には、挑戦してみようと思います。すみません。
―2015/4/23―
―2016/05/30追記―
一年以上も経過しましたが、ご要望のJavaScriptをUPしました。
マウスストーカー７■文字■横流れ時計消したり付けたり
たぶんもう御自分でなんとかされて、当サイトにはいらっしゃってないと思いますが…。
おかげでいろいろ勉強になりました。ありがとうございます。
【質問】こんばんは、お世話になります 画像がふわふわ３ 蝶が舞う -kurt.grigg-で画像を指定する部分なのですが、蝶が羽ばたくには画像が2種類いるのではないかと思います。その書き方(2種類の画像の指定方法を）教えていただけないでしょうか？
【管理人・千田】ミニ掲示板でのご質問でしたが、タグ記述が長くなるのでこちらで、ご返事します。
２枚の画像とは、蝶の画像と、女性の画像のことですね？
蝶の画像は、「全ソース」の中の、javascriptのソースの中で記述します。
P.src="drg2.gif"; //★画像指定
の部分の、drg2.gif が蝶の画像です。
女性の画像は、javascriptとは無関係なので、「全ソース」の中には記述していません。
この女性の画像は、画面横幅100%で、背景画像のように上に文章が書けるような指定が入れてあります。
記述方法は、<body>タグのすぐ下に、
<img src="drw1.jpg" style="width:100%; position:absolute; top:0px; left:0px; z-index:-1;">と記述します。
drw1.jpg が、女性の画像名です。
女性の画像の実寸は、横幅800px、縦幅600pxです。
この説明でまだ御不明な点があれば、再度教えて下さい。
―2015/3/24―
―2015/12/02追記―
JavaScriptのソースを修正して、女性の画像をbodyの背景画像として記述するようにしました。
■kurt.grigg３■画像■蝶が舞うをご覧下さい。
【質問】こんにちは。文字が降る上る８についての質問です。
範囲指定を使用する場合、私のサイトはどんな画面サイズでも中央に表示されるように、marginの右と左のautoを入れています。
こんな場合、範囲指定のleftの数値はどうやって入れたらいいですか？
見る人のPCによってleftの数値は変わるので、困ってます。
【管理人・千田】トトさんのおっしゃる通りです。
とりあえず、応急処置のhtmlを考えてみました。
でも面倒なので、後日もっとわかりやすいJavaScriptを作ります。少しお待ちください。(―2014/11/29記―)
トトさんへ。応急処置の分のHTMLは削除しました。
絶対位置指定ではない範囲指定に変更しましたので、HOMEの最終修正日の更新情報エリアからクリックしてどうぞ。
いろいろお気づきの点がありましたら、またご連絡下さい。
―2014/11/30―
【質問】蝶が舞うを拝見しております。
画像を複数枚重ねているときに、最前面に蝶を飛ばすことは可能でしょうか？
【管理人・千田】掲示板の調子が悪いので、こちらで御返事します。
JavaScriptのメニュー名と番号が書いてなかったので、たぶんkurt.grigg３■画像■蝶が舞うか、kurt.grigg５■画像■複数の蝶が舞うのどちらかだと思います。
この二つだったら、普通に画像を置いても、その上を蝶が飛びます。
ただ、御質問の「画像を複数枚重ねているとき」の状態が、どんな状態のことなのかがよくわかりません。
もし飛ばないようでしたら、どんな画像の置き方をされているのか、再度教えて下さい。
―2014/11/25―