Ползунок Javascript со ссылками

Привет, как добавить ссылки html? в img1 img2 img3 img4 кодПолзунок Javascript со ссылками

slider.js:

var imageCount = 1; 
var total = 4; 

function photo(x) { 
    var image = document.getElementById('image'); 
    imageCount = imageCount + x; 
    if(imageCount > total){ 
     imageCount = 1; 
    } 
    if(imageCount < 1){ 
     imageCount = total; 
    } 
    image.src = "Slide/img"+ imageCount +".png"; 
} 

window.setInterval(function photoA() { 
    var image = document.getElementById('image'); 
    imageCount = imageCount + 1; 
     if(imageCount > total){ 
      imageCount = 1; 
     } 
     if(imageCount < 1){ 
      imageCount = total; 
     } 
     image.src = "Slide/img"+ imageCount +".png"; 
},5000);

Html код:

<body onLoad="photoA()"> 
    <div id="slider"> 
     <img src="Images/img1.jpg" id="image" > 
     <a id="Images/img1.jpg"><img id="image"></a> 
     <div class="left_hold"><img onClick="photo(-1)" class="left" src="Images/arrow_left.png"></div> 
     <div class="right_hold"><img onClick="photo(1)" class="right" src="Images/arrow_right.png"></div> 
    </div>

Могу ли я поставить ссылки в массив? и как это сделать? var imagelinks = ["www.link1.com", "www.link2.com", "www.link3.com", "www.link4.com"];

источник

2015-01-14 Blade69

Что случилось с массивом вы предложили? – Huey

Хорошо, в первую очередь, вы не должны использовать один и тот же идентификатор для нескольких элементов на странице. Вы должны использовать для этого классы. Идентификаторы уникальны для каждого элемента.

И относительно изображений внутри якорных меток, вот как вы это делаете.

<div> 
    <a href='http://www.google.com'> 
    <span> 
    <img src='http://velocityagency.com/wp-content/uploads/2013/08/go.jpg'> 
    </span> 
    </a> 
</div>

И да, вы можете поместить ссылки в массив. Просто добавьте «http: //», чтобы они действительно перенаправлялись должным образом. И у меня плохое чувство, что вы приближаетесь к своей проблеме очень неправильно. Код, который вы написали, может быть переписан намного лучше. Подумайте о том, как использовать jquery, если вы хотите быстро получить такие тривиальные вещи.

источник

2015-01-14 13:31:32 Aditya

вы можете попробовать это

<body onLoad="photoA()"> <div id="slider"> <a href="yourlink"><img src="Images/img1.jpg" id="image" ></a> <a href="yourlink" id="Images/img1.jpg"><img id="image"></a> <div class="left_hold"><img onClick="photo(-1)" class="left" src="Images/arrow_left.png"></div> <div class="right_hold"><img onClick="photo(1)" class="right" src="Images/arrow_right.png"></div> </div> </body>

источник

2015-01-14 13:35:31

Ползунок Javascript со ссылками

ответ

Смежные вопросы