Скрипт ротатор баннеров для сайта
Представленный скрипт ротатор баннеров не дает нагрузки на хостинг, так как, подгружает по одному изображению каждый раз при новой загрузке страницы.
Установить баннерокрутилку в Blogger можно с помощью волшебного/универсального гаджета HTML/JavaScript, а в WordPress - виджет "Текст" вставив в него такой код:
<script > var mycrib = []; mycrib[0] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>' mycrib[1] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>' mycrib[2] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>' var x = 0; function rotate(mycrib) { while (x < mycrib.length) { var sort = Math.floor(Math.random() * mycrib.length); if (mycrib[sort] != 0) { document.getElementById('adspace').innerHTML = (mycrib[sort]); mycrib[sort] = 0; x++; } } } </script> <style> #adspace { } #adspace img { } </style> <div id="adspace"> <script > rotate(mycrib); </script> </div>
В скрипте нужно вставить ссылки на рекламодателя и на картинки, а также, указать нужный размер изображений и название баннера. Возможно использование изображений с расширением jpg,png,gif. Желательно, чтобы баннеры были одного размера, так будет красивей. Если вы хотите прокручивать больше трёх баннеров, тогда нужно добавить ещё один код, выше строки var x = 0;:
mycrib[3] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>'