在elm中制作图片滑块，由加载的元素触发模型更新

我正在制作一个elm网站，其中包括一个用于浏览图片的动态元素。您可以单击给定的拇指在灯箱中查看完整图片，导航到下一张或上一张图片，或者让图片每三秒钟自动更改一次

默认情况下，只能看到一小部分（4个拇指），但可以通过单击“voir toute les photos”预览所有拇指

每一个用户点击或点击时钟都会改变底层模型，从而使浏览器相应地实现HTML

我对当前的功能水平非常满意，除了在加载下一张图片时找不到显示过渡屏幕（或图片）的方法

lightbox在加载下一张图片时显示上一张显示的图片，并突然转换

是否有办法仅在加载下一张图片时触发模型更改

还是用一种更惯用的方式来做这类事情？一般来说，我对elm和web开发都很陌生

图库的elm代码可见于：

---

听起来你只是需要一种方法来知道图像何时被最终加载。您可以绑定到

img.onload

DOM事件，但首先需要一个Json解码器从事件中提取image

src

属性

更新至elm-0.18

onLoadSrc:（字符串->消息）->Html.Attribute消息
超负荷标记器=
“加载”（JD.map tagger targetSrc）
targetSrc:JD.解码器字符串
targetSrc=
JD.at[“目标”，“src”]JD.string

现在，您可以使用该解码器调用新的

ImageLoaded String

操作，将图像源作为字符串传递

img
[src imgsrc
，onload src imageload
]
[]

---

查看和（您可能需要更改图像url中的随机数，以防止浏览器缓存图像）。

太好了！onload Dom事件是我所需要的，现在我看到了如何使用它。非常感谢。