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

Question

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

Answer 1

我从评论中查看了您的链接-您写道，您无法编辑实际代码以将 div 包装在每个单独的 img 周围。您是否试图改变画廊的工作方式，以便您可以简单地插入 div 而不是输入 img 并让滑块 js 仍然工作？

我从您之前发布的链接中获取了以下 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 的反应方式。