- ベストアンサー
yuga.jsを使うとロールオーバー画像が表示されない
お世話になっております。質問させてください。 現在メニューの画像をyuga.jsに入っていないスクリプトで ロールオーバーさせているのですが、 ある1ページにだけ yuga.js関係のスクリプトを使用した所、 そのページのメニュータイトル画像だけが 表示されなくなってしまいました。 （マウスを載せるとロールオーバー後の画像は出てくるのですが） http://www.geocities.jp/meguri_mizu/test/pc/2008.html ↑こんな感じです…。左上の「役に立つパソコン」の部分です。 firefoxだとずっとマウスオーバーした時の画像が表示されたままになってしまいます。 yuga.jsでできる、名前に_onをつけてのロールオーバーにしても やっぱり自ページのメニューだけがうまく表示されません。 なぜなのでしょうか…？ スクリプトが読めないのでどう直していいのか全然わかりません；； よろしければご教授ください。お願いします…。
- hitujiguma
- お礼率85% (24/28)
- JavaScript
- 回答数2
- ありがとう数6
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ページ名(2008.html)とジャンプ先(2008.html)が同じだから、 それと、yuga.jsとjquery.jsの両方設置だとなる。 名を変えたり、jsの片方外すと表示されるから。 scriptの何処がかち合ってるか探すのは難しいね。 やってみて。
その他の回答 (1)
- tenderfeel
- ベストアンサー率56% (215/379)
これはCSSHappyLifeさんのパッケージでしょうか。 サンプルだと画像が404 Not Foundになっているようですが… 画像がアップロードされているか、直接ファイルURIにアクセスして確認してみましたか？
お礼
回答ありがとうございます。
関連するQ&A
- yuga.jsのロールオーバーをフェードインで表示
yuga.js 0.7.2を使用しています。 ロールオーバーさせる時に、 フェードアウト→フェードインで画像の切り替え表示をしたいと思っています。 もし分かる方がいましたら、そのコードを教えて頂けますでしょうか。 可能であれば、 yuga.js本体には追記しない方法（別途common.js等に記述）があればと思います。 よろしくお願いいたします。
- 締切済み
- JavaScript
- EC-CUBEでyuga.jsのロールオーバーが×
自分の知識としては、いつも配布されているJSライブラリ等をそのまま利用しており、 Javascriptそのものについてはあまり詳しくありません。 EC-CUBE（ver2.11.5)にいつも利用しているyuga.jsを搭載したのですが、いつもは出てこない以下のようなエラーメッセージが出てきて、ロールオーバーだけ全く機能しません。 メッセージ: 'this.originalSrc' は Null またはオブジェクトではありません。 ライン: 108 文字: 5 コード: 0 URI: http:/xxxxxxx/js/yuga.js yuga.jsの120行目あたりの以下の部分を削除するとエラーメッセージは消えました。 が、もちろんロールオーバーはうまくいかないままです。 this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2"); オンページでの_cr画像での切替はうまくいっております。 他の機能はこのサイトでは使ってないので確認しておりません。 これをうまく機能させるために、どうぞご教授お願いいたします。
- 締切済み
- JavaScript
- エレベーターメニューとシンクボックスとロールオーバーの機能を両立させた
エレベーターメニューとシンクボックスとロールオーバーの機能を両立させたい。 現在こちらのサイトのように http://momonini.web.fc2.com/test.html scrolllayer.js、jquery.js、thickbox.js、yuga.jsなどのスクリプトを 同時に使っています。 ロールオーバーやthickbox.jsなどyuga.jsの機能はきくものの scrolllayer.jsが動かないのです。 （↑画面のスクロールにあわせてカレンダーがスルスル移動するスクリプトです） htmlのscrolllayer.jsの読み込みをyugaの下にすると、 yuga.jsがきかず、scrolllayer.jsが動きます。 （yuga.jsと一緒にダウンロードしたjquery.jsというファイルを消してもscrolllayer.jsが機能します） どのようにすればスクロールとシンクボックスとロールオーバーの 機能を両立させられるのでしょうか？ よろしければご教授お願いします。 javascriptに全然詳しくありません。 わかりにくい質問でしたら申し訳ありません。
- ベストアンサー
- JavaScript
- WordPressで画像のロールオーバーをさせたい
WordPressのブログや固定ページの記事の中で、 ２枚の画像を使って、画像のロールオーバー（マウスオーバー）をさせたいのですが、 やりかたがわかりません。 Java Scriptではなく、CSSで行いたく思い、 検索していろんなサイトに行きましたがうまくできませんでした。 もし可能であれば、単純にこれをコピーしたらできる というＣＳＳをご提示していただけないでしょうか。
- 締切済み
- HTML
- 画像のロールオーバーとアクティブページでの画像ロールオーバーについて
javascriptでの画像のロールオーバーについて質問させてください。 現在、あるサイトを作成中なのですが、グローバルナビゲーションメニューにjavascriptで画像のロールオーバーを設定したいと思っています。 このスクリプト自体はwebで簡単に見つかったのですが、これにプラスアルファで現在見ているページ（アクティブページ）のメニュー画像をロールオーバー（ロールオーバーをオンマウス状態に）させる方法が見つかりません。 あらゆるサイトでよく見るので簡単に見つかると思ったのですが・・・ どなたかこの両方の機能を実装できるjavascriptを御存知の方がいらっしゃいましたらご紹介ください。
- ベストアンサー
- JavaScript
- 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…というように対応させたいです。 ●ページ読み込み時のみランダム用画像をランダム表示させ、後は上記のような流れにしたいです。 長くなりましたが、どなたか回答お願いいたします。
- 締切済み
- JavaScript
- 単純にロールオーバーはどうしたら出来ますか？
Flashど素人で御座います。 色々と調べて見たのですが、どうにも解決方法を見つけることが出来ず質問をさせてください。 高度なものを取り入れようといったものではないのですが、いわゆるロールオーバーの方法を教えていただきたく思います。よく、メニューなどで、マウスが重なるとそのメニュー画像が別の色のものに変わるといったものがありますが、こちらを実現したく思います。 初心者なので、根本的な部分が把握できていないということもあり、出来ればかなり度素人目線でご説明頂けると幸いです。 まず、現状でのメニューはMacromedia Flash 8を使って作成し、取りあえずロールオーバーする前の状態のものは出来ております。 これが出来ている状態で、寸分の狂いも無く色違いの画像がマウスが重なった際に変化する様にするにはどうしたらよいのでしょうか？ 出来れば、ロールオーバーする際の色違いメニューの作成方法から、その画像の設定方法、またレイヤー？などを使用する際には、合わせてお伺い出来たらと思います。 とても初歩的なご質問で申し訳御座いませんが、どなたかご存知の方いらっしゃいましたら何卒宜しくお願いいたします。
- ベストアンサー
- Flash
- ロールオーバーを含むリンクをSSIで管理
ホームページのコンテンツが不定期に増減するので、メニューをCGIで管理しようかと考えています。 単純に考えて、メニュー部分だけをSSIで表示するようにしようと思うのですが、1つ問題があります。 メニューにロールオーバーを利用しているのですが、ロールオーバーを利用すると、ヘッダー内にロールオーバー画像のリストを掲載する必要がありますよね?(ホームページビルダーのロールオーバーではそうなっていました) これを、ヘッダー部分には共通のスクリプトのみ表示し、SSIで管理するメニュー部分にその他の情報を管理する方法はないでしょうか? よろしくお願いします。
- ベストアンサー
- JavaScript
- マーキーでロールオーバー
マーキータグで画像を左右に動かし、そこにロールオーバーでリンクを貼ろうとしています。 マーキーで動いていてもマウスを合わせロールオーバーさせると、画像をその場に止められる方法というのはありますか？ 更に、マウスをはなすと再びそこから左右に動き出すようにしたいのですが・・・。 何か良い方法があったら是非教えて下さい。
- ベストアンサー
- HTML
- yuga.jsのカスタマイズ
yuga.jsの0.7.1を使用しています。 親リンクへの画像を_crつきにのファイル名にして表示されるという箇所なのですが 現在xamppで組んでおりサイトのトップページが以下のようになっています。 http://localhost/test/ トップページにいる場合トップへリンクしている画像のみ_crに変わるのですが http://localhost/test/hoge/にいる場合はトップページとhoge/へリンクしている 画像の2つが_crになってしまいます。 changeImgParentsをfalseにしたところそれは解消されたのですが希望としては http://localhost/test/hoge/aaa/にいる場合も http://localhost/test/hoge/へリンクを張っている画像は_crつきのものを表示させたく 思っているのですがfalseにするとhttp://localhost/test/hoge/aaa/にいる場合_crつき じゃなくなってしまいます。 スマートな説明が難しくこのような説明となってしまいましたが実現するには どうすればいいのでしょうか？
- 締切済み
- JavaScript
お礼
回答ありがとうございます。