无法在滑块中加载图像

时间:2016-10-20 10:30:10

标签: jquery image twitter-bootstrap timestamp bxslider

您好我正在使用预先构建的引导程序主题,它有一个图像滑块,它似乎可以正常使用其默认滑块图像,但是当我更改图像的网址时,后面会添加一个时间戳,这是阻止显示图像,任何人都可以告诉如何从图像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 /客户端/ one.png?时间戳= 1476957097630

有没有办法可以删除此时间戳

非常感谢任何帮助和建议

2 个答案:

答案 0 :(得分:0)

时间戳是因为图像不会来自缓存。你想要删除时间戳然后只需用keywoard时间戳在js中搜索并删除它。

答案 1 :(得分:0)

&#13;
&#13;
$( document ).ready(function(e) { 
    var images = $('img').attr('src');
   
    var imgSrc = images;
    imgSrc = imgSrc.substring(0 , imgSrc.indexOf('?')+0);
  $('#url').html(imgSrc);
 // alert(imgSrc);
});
&#13;
<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>
&#13;
&#13;
&#13;