• ベストアンサー

FLAMEなのにFLAMEじゃない？？

http://www.mink.cc/ informationなどの項目で左部の画像をデスクトップにドラッグして保存するとshim.gifと言うスペースが表示されます。 firefoxのページ情報で見ると画像が表示されている、画像が順番に変わるなどの理由から表示されている画像(main2.gif,main3.gif)を背景に指定してjavascriptでランダム表示されるようにしているのではないかと推測しました。 そこでソースを見たのですが、cssもjsも必要な情報が載っていませんし、そもそもflameやiFlameのソースも有りません。 どう言う風にすればこう言う風に出来るのでしょうか？？

  • HTML
  • 回答数4
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • ao_
  • ベストアンサー率33% (15/45)
回答No.2

cssもjsも外部ファイルになっています。 Web標準を意識した作りで参考になるサイトだと思いました。 フレーム的な部分はCSSでoverflow:autoと設定されていて、内容（コンテンツ部分）指定したサイズを超える場合はスクロールバーが出るようになっています。 インラインフレームをCSSで再現したものです。 javaは以下のあります。 /js/index.js

beatjunkies
質問者

お礼

ご回答ありがとうございます。 js/index.js css/low.css /print.css /basic2.css は発見できたのですが、そこにoverflow:autoが設定されているものはなかったように思います。 htmlを見てももっとスタイルシートが使われているように思うのですが、他にもcssファイル,jsファイルがあるのでしょうか？ またその際、それらのファイルをどのように探せばよいのでしょうか？ソースを見て,外部css,jsを見る位は分かるのですが・・・。良ければ引き続きオネガイします。

その他の回答 (3)

  • ao_
  • ベストアンサー率33% (15/45)
回答No.4

外部CSSは<link　で始まるタグでリンクしています。 screen.css　screen.css　basic.cssと辿ると見つかります。 basic.cssの中にoverflow:autoがあります。 javaに関してはわかりません。ごめんなさい。

beatjunkies
質問者

お礼

ありがとうございます。 おかげさまで助かりました！ ありがとうございます。

  • bob_n
  • ベストアンサー率35% (610/1732)
回答No.3

キャッシュのなかを検索すれば、でてきます。 *.css *.js　読みこんだ時間を指定すれば、絞り込めます。 basic.css に書かれています。 基本的には、ソースをたどっていくしかないと思います。

beatjunkies
質問者

お礼

ありがとうございました！ おかげさまでなるほど納得できました！ ありがとうございます。

  • bob_n
  • ベストアンサー率35% (610/1732)
回答No.1

スタイルシートのなかで、スタイルシートが、設定されて、そのなかに、gifが定義されてます。 画像を保存されたくない(著作権を保護の)ためだとおもいます。

beatjunkies
質問者

お礼

ご回答ありがとうございます。 何とかbasic2.cssを探し当てる事が出来、 gifを定義しているcssを発見することが出来ました。 このサイトはlow.css,basic2.css,index.js,(とプリント用のprint.css)で成り立ってるサイトなのでしょうか？ なんだかもっとcssを多用しているように見えたのですが。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 各フォルダから1枚ずつ画像をランダム表示

    画像のランダム表示なのですが、 index.html ├[001]…0.gif～10.gif ├[002]…0.gif～9.gif └[003]…0.gif～20.gif 001～003はそれぞれの画像が入ったフォルダです。ファイル名は0から順にナンバリングしてます。 index.html内の各所にそれぞれのフォルダからの画像をランダムで表示したいです。つまり 【001内の画像】【002内の画像】【003内の画像】 こんな感じです。（わかりにくいですねスミマセン） 多分ひとつのフォルダごとにそれぞれコードを記述すればできるのはわかるのですが、どうせ同じことをさせるコードなら一つにまとめれるのではないかと考えました。 いろいろ考えたのですが *フォルダごとの画像数が違う場合、全ての画像を拾うためにはどうすればいいか *フォルダ名を引数？値？にしてjsに渡してやる？？？ 行き詰まりましたw これからフォルダが増えればまたコードが増えるというのは避けたいので、すっきりとまとまるコードがないものか考え中なのですが・・・どうにもこうにもうまく作れません（汗） 以上、参考となるサイトでも結構です。アドバイスよろしくお願い致します。

  • 画像サイズを指定する

    1～6まで全て同じサイズ（200*100）の画像があります。 この画像を下記のスクリプトを使用してランダムに表示させ、 マウスを重ねるとその画像に対応した画像に切り替わる （画像1なら画像4という風に） ということをしているんですが、 表示サイズを300*150で表示させるためには どうしたらいいのでしょうか？ <script language="javascript"> <!-- //ランダムにgazouを表示 img = new Array(); img[0] = "画像1.gif"; img[1] = "画像2.gif"; img[2] = "画像3.gif"; img[3] = "画像4.gif"; img[4] = "画像5.gif"; img[5] = "画像6.gif"; n = Math.floor(Math.random()*3); m = n+3; document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>"); //--> </script> 基本的なことで申し訳ありません。 どなたかわかる方がいらっしゃれば宜しくお願い致します。

  • aaa.jsの作り方。

    ＨＰで更新するたび画像をランダム表示をするやり方を教えて下さい。 一応自分はビルダーを使ってフレームを縦に二つ分割 そして右側にだ増ランダム表示をしたいのですが 参考としたサイトに 【まず、「aaa.js」というjavascriptのファイルを作成します。「.js」というのは javascriptの拡張子です。そのファイル内に、以下のソースを記述してみます。 (img要素内のwidthやborderなどの属性は、サンプルを見難くするので省いています。適度付け足してください）】 とありました。 この「aaa.js」はどうやって創ればいいのですか？ 単にメモ帳に拡張子をｊｓとうてばよいのでしょうか？ 教えてください

  • Java画像表示など

    ５種類のGIF画像（１０×１０　*ピクセル）を、ランダムに４００×３００のスペースに敷き詰めたいんですけど、どうやったらいいでしょうか？ ちなみにちらつきをなくすためにダブルバッファリングを使い、かるく画像表示が１０００を超えてしまうので配列やfor文も使いたいのですが・・・。 言葉だとわかりにくいので、できればソースで教えてください＞＜

  • javascriptを使って画像のランダム表示とロールオーバーをセット

    javascriptを使って画像のランダム表示とロールオーバーをセットで行いたいのですが上手くいきません… javascript超初心者です…。画像をランダムに表示し、さらにそのランダムに表示された画像をそれぞれ違った画像にロールオーバーさせたいのですが上手くいきません。 一応以下のように書いて試しているのですが、ランダム表示はするのですが、ロールオーバーはエラーがでてしまい画像が切り替わりません。どのようにすれば上手く出来るか、知恵を貸してください。宜しくお願いします。 <html> <body> <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する img = new Array(); onMouseover = new Array(); onMouseout = new Array(); // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "top1.gif"; img[1] = "top2.gif"; img[2] = "top3.gif"; img[3] = "top4.gif"; img[4] = "top6.gif"; // マウスオーバー onMouseover[0] = "top1roll.gif"; onMouseover[1] = "top2roll.gif"; onMouseover[2] = "top3roll.gif"; onMouseover[3] = "top4roll.gif"; onMouseover[4] = "top6roll.gif"; // マウスアウト onMouseout[0] = "top1.gif"; onMouseout[1] = "top2.gif"; onMouseout[2] = "top3.gif"; onMouseout[3] = "top4.gif"; onMouseout[4] = "top6.gif"; n = Math.floor(Math.random()*5); document.write("<img src='"+img[n]+"' border='0' onMouseover='"+onMouseover[n]+"' onMouseout='"+onMouseout[n]+"'>"); //--> </SCRIPT> </body> </html> 補足 ●ランダム用の画像が1～5まで、ロールオーバー用の画像がa～eまであるとして、ランダム表示によって1が表示されたらロールオーバーで表示される画像はaのみ、マウスアウトしたら１に戻る、というようにしたいです。同じように2-b,3-c…というように対応させたいです。 ●ページ読み込み時のみランダム用画像をランダム表示させ、後は上記のような流れにしたいです。 長くなりましたが、どなたか回答お願いいたします。

  • 複数の外部jsをランダム表示させたい

    １つのhtmlの中で <script type="text/javascript" src="001.js"></script> <script type="text/javascript" src="002.js"></script> <script type="text/javascript" src="003.js"></script> といった複数のjsをランダムで表示させるコードや、サンプル掲載サイトを教えていただけませんか？ 各jsの中身はテキストや画像などHTMLに表示されるものになっています。 よくあるランダムバナーやランダムリンクのjs版という感じです。 画像やテキストのランダムスクリプトを使って、呼び出される部分に当たるところを上記のようなjsに変えてみたりもしたのですが、IEやOperaではOKでしたがFirefoxではエラーになってしまったり、表示されなくなったりして上手くいきませんでした…；； よろしくお願いいたします。

  • バナー(javascript)をランダムで表示

    FC2ブログのプラグインにjavascriptを使ってバナー広告をランダムで表示しています。 今までは問題なかったのですが、新しくバナーを加えた際に、そのバナーがjavascriptで出来たものだったので、どうしてよいものかわからなくなってしまいました。 ランダム表示にはこちらのページを参考、というかコピーしました。 http://javascript.eweb-design.com/0616_ra.html 貼り付けたいバナーのソースです↓ ソースの改変は認められていません。 <!---　---> <script type="text/javascript"><!---　---></script> <script src='jsファイルのURL'></script> <noscript></noscript> <!---　---> これ以外のバナーはgifとリンクで構成されていましたので特に問題ありませんでしたが、そこに上記のjavascriptバナーを加えてランダムに表示することはできますか? 自分で調べてみましたが、自力では見つけられなかったのでココで質問をする事にいたしました。 回答お願いします。

  • ランダムに画像を複数箇所表示させたい

    ランダムに画像の表示を２カ所行いたいのですが どのようにスクリプト文を書けばいいのでしょうか rootに01.js 02.js 03.html [aaa]フォルダに aaa01.jpg aaa02.jpg [bbb]フォルダに bbb01.jpg bbb02.jpg というファイル配置と仮定して 03のファイルに同時に aaa01とaaa02のどちらかをランダム bbb01とbbb02のどちらかをランダムに表示させたいのですがうまくいきません。 どなたか01.js 02.js 03htmlの書き方のアドバイスをお願いできないでしょうか？よろしくお願いいたします。

  • 電子メール収集ロボット対策にjsファイル使用

    お世話になっております。 画像をクリックするとメーラーが立ち上がるようにしたいのですが、メールアドレスを収集されるのを避けたく、javascriptで呼び出す方法をとっています。 jsソース（ファイル名：mail.js） document.write("<a href='mailto:test@com'><img src='image/button.gif'></a>"); htmlソース <script src="mail.js"></script> 上記で画像をクリックするとメーラーが立ち上がるのはうまくいっています。が、さらにこの画像にマウスオーバー効果をつけたいのです。 そんなことは可能でしょうか？ 通常の画像にリンク＋マウスオーバー効果をつけるときは、 jsソース function swapimage(btnObj,sURL) { btnObj.src = sURL } htmlソース <a href="リンク先.html"><img src="image/button2.gif" onmouseover="swapimage(this,'image/button3.gif')" onmouseout="swapimage(this,'image/button2.gif')"/></a> としています。 これと同じ効果を実現させる方法がお分かりになる方、いらっしゃいましたらお知恵をかしていただきたいです。基礎的な知識しかなく、申し訳ありません。 どうぞよろしくお願い致します。

  • 画像のランダム表示-時々表示されなくなる

    ↓こんな.jsファイルを外部ファイルにして読み込ませています。 var imglist = new Array( "navi/1.gif", "navi/2.gif", "navi/3.giff", "navi/4.gif", "navi/5.gif", "navi/6.giff", "navi/7.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); 時々画像が表示されなくなり、×マークになってしまいます。 リロードすれば表示されるのですが…。 Dreamweaverのテンプレート部分に使用しておりまして、 そのせいなのでしょうか？ご助言ください。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する