私がよく利用しているリンクのリストがあるサイトがあります。それらの 1 つにカーソルを合わせると、小さなポップアップ イメージが表示されます。これらの画像を大きくしたいのですが、それだけです。サイトは overLIB ライブラリを使用してポップアップを生成していますが、これは重要ではありません。
これを行うには、img URL の一部を変更するだけで済みます。これは、私が助けを必要としている部分です。
リンクは次のようになります。
<a title="" href=" link-url " onmouseout="return nd();"
onmouseover="return overlib('<img src=\'http://dyncdn.me/static/over/blabla.jpg\'
border=0>')"> link-text </a>
私がする必要があるのは、Greasemonkey を介した JavaScript/jQuery を使用して、img-src-url の「static/over/」部分を「static/over/」に変更することです。サイト。
私はこれを試しました:
$(document).ready(function(){
$('a').each(function(){
this.onmouseover = this.onmouseover.replace('static/over/', 'posters2/d/');
});
});
これは「href」、「title」などでは機能しますが、「onmouseover」では機能しません。「href」の一部が置き換えられる例については、このFIDDLEを参照してください。
私は JavaScript の初心者なので、これが可能かどうかさえわかりません。