Javascript 显示不同的图像预览时遇到问题_Javascript_Html_Css_Twitter Bootstrap

Javascript 显示不同的图像预览时遇到问题

javascript html css twitter-bootstrap

Javascript 显示不同的图像预览时遇到问题,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,好的，我现在设置分区的方法是在容器中设置一个图像。单击该图像时，会弹出一个模式，其中包含该图像的预览，以及该图像下方该图像的较小预览以及该图像旁边的另一个预览图像。我试图让大预览图像下面的每个小预览图像都充当按钮，以根据单击的图像更改上面的大预览图像。我希望我能清楚地解释这一点，但如果没有，请告诉我。我也不确定我的设置是否正确。这是较大预览图像下方的两个较小预览图像 <a type="button" data-toggle="" data-target=""></a>&l

好的，我现在设置分区的方法是在容器中设置一个图像。单击该图像时，会弹出一个模式，其中包含该图像的预览，以及该图像下方该图像的较小预览以及该图像旁边的另一个预览图像。我试图让大预览图像下面的每个小预览图像都充当按钮，以根据单击的图像更改上面的大预览图像。我希望我能清楚地解释这一点，但如果没有，请告诉我。我也不确定我的设置是否正确。这是较大预览图像下方的两个较小预览图像

<a type="button" data-toggle="" data-target=""></a><img class="lighthouseImg col-sm-3 col-xs-6" src='/CMS_Static/Uploads/313864614C6F6F/DJI_0019-Recovered.jpg'/>
 <a type="button" data-toggle="" data-target=""></a><img class="preview1 col-sm-3 col-xs-6" src='/CMS_Static/Uploads/313864614C6F6F/DJI_0073-Recovered-1.jpg'/>


商店

为什么要使用锚定数据切换来更改图像？我不是100%熟悉引导数据切换的所有功能，但它似乎不适合这种情况。我建议使用标记和onclick事件来更新正在查看的图像。

您能解释一下这是什么意思吗？您有两个div的行。第一个是查看的图像，第二个是图像按钮列表。第二行中的锚定标记现在没有任何作用。我会用onclick事件替换这些锚定标记，更新锚定标记；我知道你在说什么，但仍然不确定如何用更新图像的onclick事件更新图像。我对html和css没有太多经验。我建议阅读onclick事件以及如何触发函数：一旦你知道如何调用函数，那么你需要设置函数来更改html标记的内容。这需要了解如何访问DOM元素：

<div class="col-sm-6 modal3ImgPrev">
      <img class="img-responsiveModal" src='/CMS_Static/Uploads/313864614C6F6F/DJI_0019-Recovered.jpg'/>
</div>