无法在滑块中加载图像

Question

您好，我正在使用预建的 bootstrap 主题，它有一个图像滑块，它似乎可以很好地使用其默认的滑块图像，但是当我更改图像的 url 时，在它后面添加了一个时间戳，这阻碍了图像的显示，谁能告诉我如何从图像中删除时间戳url。

密码是

<ul class="bxslider1 clients-list">
    <li>
        <a href="#">
            <img src="img/clients/one.png" alt="" />
        </a>
    </li>

    <li>
        <a href="#">
            <img src="img/clients/two.png" alt="" />
        </a>
    </li>
</ul>

正在添加的时间戳是

img/clients/one.png?timestamp=1476957097630

有没有办法删除这个时间戳

非常感谢任何帮助和建议

Answer 1

有时间戳是因为图像不会来自缓存。你只是想删除时间戳，然后简单地用 keywoard 在 js 中搜索出来？timestamp 并将其删除。

Answer 2

$( document ).ready(function(e) { 
    var images = $('img').attr('src');
   
    var imgSrc = images;
    imgSrc = imgSrc.substring(0 , imgSrc.indexOf('?')+0);
  $('#url').html(imgSrc);
 // alert(imgSrc);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="bxslider1 clients-list">
    <li>
        <a href="#">
            <img src="img/clients/one.png?timestamp=1476957097630" alt="" />
        </a>
    </li>

    <li>
        <a href="#">
            <img src="img/clients/two.png?timestamp=1476957097630" alt="" />
        </a>
    </li>
</ul>

<div id="url"></div>

无法在滑块中加载图像

Not able to load image in a slider

jquery

timestamp

image

twitter-bootstrap

bxslider