javascript - Tumblrのフォトセット、画像上の画像

Question

私が取り組んでいる雑誌の tumblr テーマに取り組んでいますが、写真セットのブロックで立ち往生しています。

マウスを置いたときに最初の画像が消えるように、ホバー機能を使用して2つの画像を重ねたいと思います。

私のcssはそれにはかなり適していると思いますが、問題はフォトセットのtumblrが独自のcssで外部ページを作成し、それを変更する方法がわからないことです。iframe.photoset を使用して不透明効果を得ることができますが、画像の場所を変更するには十分ではありません。

これは、フォトセットに適用する CSS です。

.photoset {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


.photoset_row {
    position: relative;
    display: block;
    width: 500px;
}

    .photoset_row:first-child {
        display: block;
    }

.photoset:hover .photoset_row {
    display: block;
}

.html_photoset:hover .photoset_row:fisrt-child {
    display: none;
}

私はおそらくそのようなJSを使用することを考えていました（シェイク効果でテストします）が、私はWebデザイナーではないので、難しすぎます.

{block:Photoset}
<div class="photoset">
    <div class="shakeImage" onMouseover="init(this);rattleimage()"  onClick="top.focus()"/>
{Photoset-500}
</div>

したがって、この問題に対するアイデアがあれば、それは本当に素晴らしいことです!