iframe中的图片和iframe中的iframe

时间:2018-07-09 21:37:13

标签: image iframe nested

很抱歉这个长度...

嗨,这个论坛的新手,并且没有网页设计经验。我正在自己的HTML / CSS网站上工作,但遇到问题。我的网站将显示各个拍摄地点,并且图像重。它还需要许多类别和层次才能获得所需的位置类型。

为此,我创建了一个具有iframe的主页,该iframe可查看另一组页面,这些页面又具有iframe等。

例如,我的主页有一个大的iframe窗口,外加4个按钮,用于显示4类位置...自然,结构等。单击,例如说,“自然”按钮,iframe中会出现一个子页面。该页面还有另一个iframe,以及子类别列表(Vista,Woodlands等)。点击其中一项,iframe中会出现一个新页面。现在,在iframe窗口中,该新页面的左侧分别有该类别各个位置的一系列按钮,以及它自己的iframe。单击其中一个按钮...,说数字23,然后在iframe中显示一个页面,其中包含信息和该位置的一组缩略图...当缩略图悬停在较大图像上时。

到目前为止,一切都很好。总的来说,到目前为止我所做的一切都很好。我的问题是,在带有按钮(数字“ 23”等)的页面上,当鼠标悬停在每个按钮上时,我还希望该位置弹出一个示例图像。

我已经可以通过指向JPEG图像(而不是HTML页面)的onMouseOver MM_goToURL命令执行此操作。它可以工作,但是图像不能在iframe中居中,因为它不是HTML。它默认为框架的左上角,不适用于网站的组成(iframe必须大于图像,这是主要问题)。

我尝试的解决方法是,我创建了另一个HTML页面,该页面的居中iframe的大小与我要显示的图像的大小相同(900像素x 506像素)。我想我能做的就是直接将鼠标悬停命令从“按钮页面”指向这个新页面上的iframe,该iframe具有唯一的ID。

这是在iframe中显示位置错误的原始代码,通常可以正常工作:

onMouseOver =“ MM_goToURL('iframe_right','.. / images_2 / PR16_A.jpg');返回document.MM_returnValue”

这是我的替代实验,尝试在嵌套的新HTML的iframe中显示图片:

onMouseOver =“ MM_goToURL('iframe_right','.. / Pages_Photo-Sets / child_iframe.html','iframe_child','.. / images_2 / PR16_A.jpg');返回文档。MM_returnValue”

如您所见,我尝试在字符串中使用新的iframe ID(iframe_child),但由于我编写了该ID,它不起作用。它确实可以很好地调出该页面,而不是iframe中的图像。

很抱歉这么长的请求。如果有人有任何想法,我将不胜感激。谢谢。

Website with off-center hover image

0 个答案:

没有答案