Как да добавим банер ротатор

1
321
Добави коментар
maskedbeast
maskedbeast

Понякога само едно изображение не е достатъчно, за да покаже всичко, което искате да популяризирате на сайта си. Ако някога сте се чудили как някои сайтове имат няколко изображения, които да се въртят и искате да направите това сами, не се чудете повече.

Да приемем, че имате сайт за готвене и искате снимки от петте най-нови ястия, които сте избрали да се въртят в банер ротатора. Или да кажем, че имате сайт за недвижими имоти и искате снимките от последните 10 малки обяви да се въртят на конкретно място на всичките ви страници. За да бъде по-функционално, искате всяко изображение да води към определена страница. Всичко това няма да е проблем ако добавите кода за ротиране на банери.

Как да добавим банер ротатор?

Първо, трябва да съберете всички банери в една и съща папка. Също така се уверете, че са с еднакъв размер.

Второ, съберете всички хипервръзки, които водят към изображенията, и ги запазете на удобно място, за да можете да ги копирате и поставите по-късно в кода.

Трето, поставете следния код на мястото, на което искате да се появи ротаторът на банери:

<script type=“text/javascript“>
var img_width = „468“; //Какъв размер да е ширината на банера
var img_height = „60“; //Какъв размер да е дължината на банера
var img_title = „Click Here“;
var ad=new Array()
ad[0]=’http://site.com/imagе //пътя до първата снимка
ad[1]=’http://site.com/image //пътя до втората снимка
var xy=Math.floor(Math.random()*ad.length);
document.write(‘<img src=“‘+ad[xy]+’“ width=“‘+img_width+’“ height=“‘+img_height+’“ alt=“‘+img_title+’“></a>’);
</script>