javascript - Tumblr 照片集，图像上的图像

Question

我正在为我正在制作的杂志制作 tumblr 主题，但我被照片集块所困扰。

我想要两个带有悬停功能的图像分层，以便在您放置鼠标时使第一个图像消失。

我认为我的 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（使用抖动效果进行测试），但我不是网页设计师，这对我来说看起来太难了。

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

因此，如果您对这个问题有一个想法，那就太好了！