使用<div> s作为幻灯片而不是ImageFlow Slider中的图像</div>

Question

我使用ImageFlow制作图片滑块。我想用<div>代替幻灯片的图像。我该怎么办？

Answer 1

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

我从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的反应方式。