对不起，但这可能不太清楚，因为我对此问题感到困惑。 我正在尝试初始化悬停效果，并在通过节点应用程序创建并作为网页小部件添加的iFrame上产生此效果。图像等设置会在运行时从应用程序传递到iFrame。
所以我有一个iFrame的HTML文档，其中创建了一个空的div：
<div id="myDiv" class="display-class">
然后我有我的JavaScript文件，该文件用于初始化效果：
new myEffect({
parent: document.querySelector('.display-class'),
intensity: 0.1,
speedIn: 0.6,
image0:settings.image0,
image1:settings.image1,
displacementImage: 'src/images/middleImg.png'
settings.image0和settings.image1都产生如下信息：
Array(1)
0:
fileName: "filename"
height: "2755"
relativeUri: "c7765ce2ddf3420e84f10add413364dc.jpg"
width: "3441"
__proto__: Object
length: 1
__proto__: Array(0)
可以使用没有问题的绝对图像路径来创建效果，例如：
'src/images/image0.png'
'src/images/image1.png'
但是，我需要能够设置用户选择的图像。
我试图使用
之类的数组表示法访问relativeUris image[0].relativeUri
image1[0].relativeUri
-因为必须要显示两个图像才能显示效果。 另一个在图像之间产生过渡的图像被存储为绝对路径，因此可以毫无问题地找到它。
对不起，这是如此含糊，但我真的很困惑。 编辑-我打算在使用符号时说：
image[0].relativeUri
或它的一个变体，relativeUri被显示为图像路径-但仍然没有图像显示。