javascript - 在 ImageFlow Slider 中使用 作为幻灯片而不是图像

Question

我正在使用 ImageFlow用于制作图像 slider 。我想用 <div> s 而不是幻灯片的图像。我该怎么做？

Answer 1

我查看了你的 link from the comments - 你写道你不能编辑实际代码来将 div 包装在每个单独的 img 周围。您是否正在尝试更改图库的工作方式，以便您可以简单地插入 div 而不是输入 img 并让 slider js 仍然有效？

我从 link you posted earlier 中获取了下面的 HTML :

<div id="myImageFlow" class="imageflow" style="visibility: visible; height: 517px; "><img src="img/9_comtech_o.jpg" id="id11" height="360" width="300" longdesc="img/img11.png" alt="img11"><img src="img/8_psabuilding.jpg" id="id9" height="360" width="300" longdesc="img/img9.png" alt="img9"><img src="img/7_mbc.jpg" id="id7" height="360" width="300" longdesc="img/img7.png" alt="img7"><img src="img/5_lighthouse.jpg" id="id5" height="360" width="300" longdesc="img/img5.png" alt="img5"><img src="img/2_harbourfront3.jpg" id="id3" height="360" width="300" longdesc="img/img3.png" alt="img3"><img src="img/1_bankofamerica.jpg" id="id1" height="360" width="300" longdesc="img/img1.png" alt="img1">

如果我想让 js 接受 div 而不是 imgs，我会这样做:

<div id="id1"><img id="id1" /></div> 

您可能需要更改 CSS/js 对 #myImageFlow 的 react 方式。