• ベストアンサー

GreyBoxとロールオーバーの機能を一つのHTMLファイルで使用したい

Greyboxは張り方を説明してくれてるとこで順序どうりにして動作したのですがDreamweaverのロールオーバーを自動で設定出来る機能を使ったところ両方同時に動かなくなってしまいました。ロールオーバーはスイッチのhover用にGreyboxは画像の拡大用に使っています。 Javascriptの知識は無いのであまり専門的な答えが返ってきても対応できませんがこの二つを正しく動作させる方法をおしえてください。

  • 15253
  • お礼率75% (3/4)

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

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

私エスパーじゃないしDreamweaverももっていないから あなたの実装内容を見ることも推測することもできないの。 なのでいくつも確認したいことがあるんだけど。 ・ロールオーバーと画像拡大は同じ画像に対して行っているの？ ・２つそれぞれ別々に設定した実装内容と 　両方同時に使った場合の実装内容を見たいわ。 ・「張り方を説明してくれてるとこ」てどこかしら？ ・JavaScriptのエラーは確認できる？ 　できるならその内容を知りたいわ。 とりあえずこんなとこかな。

15253
質問者

お礼

いろいろ試してみてbodyタグのjavascriptを外してみたら何とか両方とも作動することが出来ました。 問題解決を手伝っていただいてたいへんありがとうございました。 ​

15253
質問者

補足

ロールオーバーと拡大の対象は違うものです。 いまは書き換えができないので拡大だけのものは作れないのですがロールオーバーだけのものがaboutで、両方入れて起動しなくなってしまったものがgalleryです。 http://greengallery.ninja-web.net/ Greyboxの使用方法のガイドに使ったのがこちらです↓ http://journal.mycom.co.jp/articles/2007/07/20/graybox/index.html JavaScriptが起動しなくなった以外には特に影響はありません。 よろしくおねがいしますｍ（＿＿）ｍ

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

関連するQ&A

  • safariではロールオーバー機能は機能しませんか？

    お世話になります。 仕事でDreamweaver８を使ってホームページを作っています。 テーブルを使って７の箱を作り、その中にDreamweaverのロールオーバーイメージ機能を使って、マウスが重なった時に画像が変わる様にしたのですが、WindowsでFirefox1.5、IE6、Opera9.2、NN7.1で確認した際には問題なかったのですが、Macのsafari2.0で確認してみたところ、７つ設定したうちの６つまでは問題なかったのに、最後の１箇所だけ初期画像すら表示しないと状態になりました。 そして、ロールオーバー機能を使った全く同じ画面が他に２枚あります。 念の為にソースを確認してみたところ、言語はちゃんと見えました。 同じ様な質問された方がいて、そこではidに問題があるのではないかとの事だったので、qaをhelpに変えてみたり、設定を一からやり直してみたりといろいろやってみたのですがやっぱり表示されませんでした。 同じ画面が３枚ありまた数も多い為、読み込みで喧嘩してしまっているのでしょうか？それともjavascriptとsafariは相性悪いのでしょうか？ 私のレベルは、htmlがようやく分かった程度で、javascriptは全く分かりません。無謀な事は重々承知ですが、アドバイスいただけませんでしょうか？ また、javascript系の情報サイトでsafariでの動作確認された事が紹介されているサイトをご存知でしたら教えていただけませんでしょうか？よろしくお願いします。

  • Dreamweaverでimageのロールオーバー

    Dreamweaverを使ってimageボタンのロールオーバーを指定すると <head>内に記述されるjavascriptのほか、<body>タグの中にも以下のタグが記述されます。 <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')"> ()内のgif名はボタンがover時の画像名ですが、ロールオーバーするボタンが膨大だと <body>タグ内も膨大なソース量になってしまいます。 試しに削除してみたところIEでは正常にロールオーバーが動作します。 上記の記述は何を意味しているのでしょうか。 不足な情報があれば補足させていただきますので、お知恵をお貸し下さい。

  • ロールオーバーを含む複数の動作について

    製作初心者ですが宜しくお願いします。 今回ホームページを作るにあたり、以下のJavaScriptを使用した動作を検討中です。内容に心当たりがありましたらご教授下さい。 先ず横590px縦300のメイン画像があり、その横に横180px縦50pxの画像を６個にしての設置を行います。 横の180px縦50px画像をロールオーバーにし、更にその画像にマウスを乗せた時に横590px縦300pxのメイン画像も同時に変えたいのですが、これらの動作は可能でしょうか？ また、欲を言えば…ロールオーバーにした画像にリンクを貼り、目的のページへ移動をしたいとも考えております。 参考なサイトとしましては、セブンイレブンのトップページで使用しているフラッシュによる事ですが、あいにくフラッシュは未経験でソフトも無く行えませんので、JavaScriptで可能な限り動作的に行えればと考えております。 参考ＵＲＬ： http://www.sej.co.jp/index.html 自分でも色々探してみましたが、なかなか見つからずスクリプト同士を連結したりして試しても見ましたが動作にバグが生じ、上手くいきませんでした。 そこで、参考になるサイトがあれば教えてください。 宜しくお願いします。

  • javascriptで作ったロールオーバーがロールオーバーのままになってしまう

    質問お願いします。 javascriptで作った画像二枚で表現するロールオーバーボタンの不具合についてです。 ieでの動作は問題なかったのですがsafari3.1.2とfirefox3.03では、 その作ったロールオーバーボタンをクリックして他のページに行き、 そしてブラウザに予め備わっている機能の戻るボタンで元のページに戻るとクリックしたロールオーバーボタンがマウスが重なっていないのにロールオーバーしたままの状態になってしまいます。 (その状態でもう一度ロールオーバーボタンにマウスを重ねると元に戻ります。) 流れを簡単に書かせていただきます。 <1.ロールオーバーボタンをクリックする> ↓ <2.他のページにリンクする> ↓ <3.リンク先のページでブラウザの戻るボタンをクリックする> ↓ <4.1のページに戻る> ↓ <5.1でクリックしたロールオーバーボタンがカーソルが触れていないのにロールオーバーした状態> ロールオーバーボタンを作る方法は二通り試したのですが、両方とも上に書いた通りの状態です。 <試した方法> 1.DreamweaberMXのビヘイビア機能で作成。 2.http://css-happylife.com/log/javascript/000157.shtmlこちらのページを参考にさせて頂いての作成。 この不具合の事を気にして色々なウェブサイトを見てみたのですが、やはりjavascriptで作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。 この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。

  • 【javascript】ロールオーバーと画像自動切換えがバッティングし

    【javascript】ロールオーバーと画像自動切換えがバッティングして、ロールオーバーがきいていません。 javascriptは該当の動作がどれかというのが分かる程度で、書く事も修正する事もできません。 ロールオーバーが正常に動いていたページに画像自動切換えのスクリプトを設置したところ、ロールオーバーが動かなくなりました。 ページの遷移に問題はないのですが、他ページでは出来ているので何とかしたいと思っています。どうかお助け下さい。 ≪ロールオーバー≫ function initRollovers() { if (!document.getElementById) return var aPreLoad = new Array(); var sTempSrc; var aImages = document.getElementsByTagName('img'); for (var i = 0; i < aImages.length; i++) { if (aImages[i].className == 'imgover') { var src = aImages[i].getAttribute('src'); var ftype = src.substring(src.lastIndexOf('.'), src.length); var hsrc = src.replace(ftype, '_o'+ftype); aImages[i].setAttribute('hsrc', hsrc); aPreLoad[i] = new Image(); aPreLoad[i].src = hsrc; aImages[i].onmouseover = function() { sTempSrc = this.getAttribute('src'); this.setAttribute('src', this.getAttribute('hsrc')); } aImages[i].onmouseout = function() { if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype); this.setAttribute('src', sTempSrc); } } } } ≪画像切り替え≫ window.onload = function(){ var num = 1; setInterval(function(){ document.getElementById('link' + num).style.display = 'none'; num = document.getElementById('link' + (num+1))? ++num : 1; document.getElementById('link' + num).style.display = 'block'; },7500); }

  • 離れた場所のロールオーバーのやり方について

    前任者がホームページビルダーで作成したページを、自分が更新作業をしやすいようにタグ打ちをして修正しています。 ビルダーで、ボタンにマウスを置くと、ボタンが変化する（ロールオーバー）のと同時に、少し離れた場所でも絵の変化が起こるロールオーバーがあり、前任者はその手法を使っていました。 ビルダーでタグを確認すると、 JavaScriptが使われていました。 私は、一応ビルダーは使いこなせ、HTMLとCSSの知識もあります。しかし、JavaScriptがわかりません。 HTMLで記述する方法があれば、教えてください。（わかりやすい解説のページがあればなおうれしいです。） もしなければ、まったくの初心者でも理解できるJavaScriptでのやり方、ページなどを紹介してください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • javascript画面を自動で切り替えながら拡大

    javascriptを始めたばかりの初心者です。 javascriptを使用し、 画像を切り替えながら動きをつけて拡大表示させる、 という事を自動で行いたい(繰り返し動作で表示させたい)のですが、 可能でしょうか？ 又、同じ画面の中で、そういった画像を4つか5つ表示させ、 個々の画像は別々の動かし方(弧を描く、斜め、下から上、右から左等) をさせる事は可能でしょうか？

  • プロパティに$をつける場合との違いについて

    はじめまして、Javascriptの勉強を始めたばかりで 調べても答えを得られなかったので質問させてください。 jQueryライブラリを学んでいるのですが ↓行数 1：　　　　　　$("Div").hover(function(){ 2：　　　　　　　　this.$old = this.innerHTML; 3：　　　　　　　　$(this).html("ホバー中"); 4：　　　　　　　},function(){ 5：　　　　　　　　$(this).html(this.$old); 6：　　　　　　　　}); このソースの2と5行目に$oldとありました このoldに$があってもなくても動作が変わらないのですが $をつける理由を教えてください。

  • HTMLでロールオーバーが使えません。

    今、HTMLを使ってホームページを作っています。 そして、ロールオーバー（がぞうにカーソルを合わせると画像が変わる）が突如使えなくなりました。 なんでしょうか。 再起動してもだめでした。 原因＆解決方法を教えてください！

  • 同一の別ウィンドウに表示するにはtargetを指定すればよい？

    Dreamweaverでホームページを制作しており、初級者故長々となりますがよろしくお願いします。 これまで別ウィンドウに表示させたいリンク先（Aとします）は target="_blank"　としていました。 しかしこれだと各ページに貼り付けたAをクリックする数だけ別ウィンドウが開いてしまいますよね？ これを回避したく、次のサイトを参考にJavaScriptを設定すると、同一の別ウィンドウに表示する様にはなったのですが、ロールオーバーなどの他のJavaScriptが無効になってしまいました。 http://www.tagindex.com/javascript/window/open1.html よってhead内のfunction disp(url){　・・・ を削除すると、全ての問題がクリアしました。 しかしbody内のonClick="disp　・・・ はそのままで、本当にこのままで良いのかと不安になり質問させて頂きました。 これ以上イジるのも怖いのでここでストップしていますが、 もしかして_blankではなく同一の名前を指定すれば良いだけなのか？ とも思っています。 知識不足で申し訳ありませんが、どなたかよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する