在我自己的标签中更改图像

时间:2016-11-12 13:44:00

标签: javascript jquery html css

我用,(comma)分割我的所有图像,如果我将鼠标悬停在当前图像上,则必须更改数据滑块标记的淡入淡出效果图像。我想我必须使用数组或类似的东西,但我不知道如何做到这一点?

HTML

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <div class="image-box">
    <img src="http://cdn.anitur.com.tr/resimler/orta/2013-10/otel_elysee-beach-hotel_hACeSi55KFjDDK8c5dCn.jpg" data-slider="http://cdn.anitur.com.tr/resimler/orta/2013-10/otel_antique-roman-palace_PTKxPVMcMAHbMLHJN3di.jpg,http://cdn.anitur.com.tr/resimler/orta/2013-12/otel_larissa-hotel_TnhYoDp7Cdg2BfuDdrZ3.jpg">
  </div>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</body>
</html>

我想添加自己的jquery代码,但我不知道

1 个答案:

答案 0 :(得分:0)

这是一个非常广泛的问题,因为你还没有尝试过任何东西。我想你要问的问题已在这里得到解答:

Dynamically replace img src attribute with jQuery

如果您决定这样做,可以将html标记中的所有网址都删除到脚本中。