Сделайте 2 одинаковых баннера на одной странице и один разный - PullRequest
Новая
       25

Сделайте 2 одинаковых баннера на одной странице и один разный

0 голосов
/ 08 июля 2019

Я использую этот код в течение последних двух лет на сайте, но недавно я хотел бы немного его изменить и добавить еще два баннера с одинаковыми фотографиями и один с совершенно другими.Резюме: 3 баннера с одной и той же базой данных изображений на одной странице 1 на той же странице с другой базой данных фотографий.

Я попытался создать отдельную функцию, но у меня все еще есть ошибка, и я изменил с byID наbyClassesName.Но я не мог улучшить это хорошо. 

<html>
<HEAD>

<meta http-equiv="Content-Language" content="en-us">

<script>


var ImageLoad = 
[
['index.htm',   'graphics/one.jpg',     'Blue Flower'           ],      //  ['URL to linked page', 'URL to image', 'Caption under picture'] //
['index.htm',   'graphics/two.jpg',     'Distant Rainstorm'     ],      //  The caption is not required and may be left blank like this:        //
['index.htm',   'graphics/three.jpg',   'Raindrops on a Leaf'   ],      //  ['URL to linked page', 'URL to image', '']                          //
['index.htm',   'graphics/four.jpg',    'Jungle Dream'          ],      //  Add as many images as you like seperated by commmas                 //
['index.htm',   'graphics/five.jpg',    'Daisies'               ],      //  Almost ALL errors are caused by the url or path being wrong         //
['index.htm',   'graphics/six.jpg',     'Sunflowers'            ]       //  The LAST image declaration does NOT have a comma after it           //
];


var ImageCount      = 6;            //  *****  Change this to the total number of images loaded above  *****        //  
var ImageDelay      = 5000;         //  *****  Set this to the delay interval desired.  5000 = 5 seconds.           // 
var LinkTarget      = "_self"       //  *****  Defines where you want linked page to open. _self, _blank, _top, etc //
var ImageIndex      = 0;            //  DO NOT ALTER    //
var FirstLoad       = 0;            //  DO NOT ALTER    //
var QuickStartID    = 0;            //  DO NOT ALTER    //
var htmlString      = ""            //  DO NOT ALTER    //
var randomnumber    = 0;            //  DO NOT ALTER    //

//  This function rotates the banner  //
function ImageChange()

{       

htmlString = '<center>';
htmlString = htmlString + '<font face = "Verdana" size="2">';       //  Font and Font Size for caption may be changed here  //
htmlString = htmlString +'<a target="';
htmlString = htmlString + LinkTarget;
htmlString = htmlString + '" href="';
htmlString = htmlString + ImageLoad[ImageIndex][0];
htmlString = htmlString + '"><img border="0" src="';                //  Image border size may be changed here               //  
htmlString = htmlString + ImageLoad[ImageIndex][1];
htmlString = htmlString + '"></a><br>';
htmlString = htmlString + ImageLoad[ImageIndex][2];
htmlString = htmlString + '</font>';
htmlString = htmlString + '</center>';      

document.getElementById('MagicImage').innerHTML = htmlString;               

ImageIndex = Math.floor(Math.random()*ImageCount);                                                                              

if(FirstLoad == 0)                      //  Determins if this is the first time function has run.   // 
{
SlowFinish();
}

}
//  End Funtion  //

//  This function ensures first banner is displayted without a delay  //
function  QuickStart()
{
QuickStartID=setInterval("ImageChange()", 1000);
}
//  End Funtion  //                                                                     

//  This function sets display rate to user defined speed  //
function SlowFinish()
{
clearInterval(QuickStartID);
FirstLoad = 1;
setInterval("ImageChange()", ImageDelay);    
}
//  End Funtion  //

QuickStart()

</script>


</HEAD>

<BODY>

<div id="MagicImage"></div>





</div>
<p>&nbsp;</p>



</body>
</html>
...