[HTML][JavaScript] Prezentacja obrazków z hiperłączem w rotatorze Opcje

[Hediczek]

Witam,

jestem raczkująca w tematach HTML i JS dlatego proszę Was o pomoc.

potrzebuję w pewnym miejscu umieścić bannery cegiełki z produktami, które będą wyświetlały się rotacyjnie, dodatkowo każda cegiełka kieruje do produktu.
Obecnie posiadam taki kod

<span id="produkt1"></span>
<script type="text/javascript">
;(function(t, e){
var f = function(){e.innerHTML=t[(Math.random()*t.length)|0];}
f();
setInterval(f,8e3);

})(['<a href="link do produktu"><img src="link do zdjęcia produktu" alt="alt" /></a>','<a href="link do produktu2"><img src="link do zdjęcia produktu2" alt="alt2" /></a>','<a href="link do produktu3"><img src="link do zdjęcia produktu3" alt="alt3" /></a>'], document.getElementById('produkt1'));
</script>

Wszystko ładnie pięknie działa ale za każdym razem kiedy chcę dodać kolejny produkt z linkiem musze grzebać w kodzie.
Czy macie jakiś pomysł na to czy da się np. te linki do produktu i zdjęć umieszczać w jakimś np. pliku a kod tak zmienić by zaczytywał te dane?

POzdrawiam
A.