日本語
フォーラム
ホーム / 使い方全般 / ギャラリーのマウスオーバーした時のテキストを消したい
(@fumisiro)
11年、 3ヶ月前
いつもフォーラムでは、お世話になっています。 このページの一番最初の画像「アオゲラ」に試験的にpaypalのショッピングカートを設置しました。ところが、サムネイルにマウスをのせるとカートのタグが見えてしまい、見た目がよくありません。（ショッピングカートはサムネイルではなくクリックして拡大した画像の下にあります）検索して色々やってみたのですが、初心者にはうまく行きません。マウスオーバーで表示されるテキストを消す良い方法があれば、お教えいただければ助かります。よろしくお願いいたします。
(@vjcatkick-1)
生成されたソースコードを見る限り、「アオゲラ」のIMGタグの中にtitleとして書かれているので表示されている訳です。考えられそうな原因は、HTMLの記述ミス、括弧の閉じ忘れ、コメントの閉じ忘れ等だと思われますので、元のコードを確認してみてください。
V.J.Catkickさま ありがとうございます。適切でないとわかっているのですが、titleの中にショッピングカートのタグを入れると、ちょうどサムネイルをクリックして拡大した画像の下にカートが表示されるので、このような方法をとっています。ですからマウスをサムネイルに当てた時、titleそのものを表示しない方法がないかと思い質問しました。引き続きアドバイスをいただければ嬉しいです。よろしくお願いいたします。
(@eask)
他の画像部分には、カートの指定をしていないということですか？他の画像のtitleは普通だったので。
ソースを見るとJavascriptなどから吐かれてしまっているわけではなく、直接記述されているので、使用しているプラグイン？ショッピングカートがtitleに書いている状態かと思います。WordPressの問題と言うよりはそのショッピングカートの問題ですのでそれを見ないと分からないです。
title
(@paruchan)
title属性にいれた内容がツールチップとして表示されるのはブラウザの仕様ですので、 別の方法でモーダルウィンドウに画像とフォームを表示させる方向で検討してみてはいかがですか？
WordPressのプラグインでは見つからなかったのですが 【lightbox系プラグイン】fancybox2を使ってページ内の隠しコンテンツをポップアップさせる方法 | TellmeDesign http://www.tellmedesign.com/lightbox_fancybox2/ こちらのサイト様の方法が使えそうな気がします。
EisukeAkimotoさま ありがとうございます。 カートと言いましても、ただpaypa決済という専用サイトにリンクさせてあるだけです。そのためのタグをtittleに書き込んでいます。lightboxにリンクを貼ろうとするとtittleにタグ貼付けないとリンクできないようです。 他の画像に関しては何も設置していません。試験的に可能か一枚目の画像で試している状態です。
paruchanさま ありがとうございます。まさにご紹介のようなページを作りたいと思っています。試してみようと思ったら有料になってしまっています。確実に実現可能なら有料でもかまわないのですが、ちょっと手が出ません。
タグをtittleに書き込んでいます。lightboxにリンクを貼ろうとするとtittleにタグ貼付けないとリンクできないようです。
そもそもがtitle属性内にHTMLタグは記述しませんし、するところではありません。
lightpopというプラグインのJavascriptの編集を行うか、ご自身でJavascriptの編集ができないのであればparuchanさんの言うように何らかの別の方法しかないと思います。
EisukeAkimotoさま おっしゃる通りタイトルにタグを記述するのが間違っています。今やっている方法はやめてparuchanさまのご紹介の方法をやってみます。 ご指摘ありがとうございました。
