Я пытаюсь сделать отзывчивый слайдер для мобильной версии. Сайт разработан с использованием угловых JS. Когда я пытаюсь интегрировать ползунки JQuery, общий сайт был распущен из-за файла Bootstrap CSS. Итак, в этой части я основал простой Javascript-код. И в этом, как сделать эти образы отзывчивыми. Ниже я добавляю код.Как добавить класс img-responseive в javascript
<head>
<script type="text/javascript">
var slideimages = new Array() // create new array to preload images
slideimages[0] = new Image() // create new instance of image object
slideimages[0].src = "images/slide/1.jpg" // set image object src property to an image's src, preloading that image in the process
slideimages[1] = new Image()
slideimages[1].src = "images/slide/2.jpg"
slideimages[2] = new Image()
slideimages[2].src = "images/slide/2.jpg"
</script>
</head>
<body>
<a href="javascript:slidelink()"><img src="firstcar.gif" id="slide" width=100 height=56 /></a>
<script type="text/javascript">
//variable that will increment through the images
var step = 0
var whichimage = 0
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.getElementById('slide').src = slideimages[step].src
whichimage = step
if (step<2)
step++
else
step=0
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
function slidelink(){
if (whichimage == 0)
window.location = "#"
else if (whichimage == 1)
window.location = "#"
else if (whichimage == 2)
window.location = "#"
}
slideit()
</script>
'document.location =" https://www.google.nl/webhp?tab=ww&ei=d8p5VPSTLMfkUpf7gpgE&ved=0CAkQ1S 4 # safe = off & q = How + to + add + a + class + in + javascript "' – Jonathan