XF 1.3 Header Help

doemasters

Member
I posted this in the wrong area I believe and have not had any luck but was wondering if anyone has tried to have images rotate up where the logo goes, I was hoping to have some banners i made go in that area by itself and it works great on the computer and ipads but when you go and look at it on the phone the image will not re-size itself down to fit the screen and throws everything off. My website which is only 5 days old is rolltidebama.com

thanks for any suggestions and help


<xen:hook name="header">
<div id="header">
<head>
<style type="text/css">
.auto-style1 {
text-align: center;
}
</style>
</head>
<p class="auto-style1">
<SCRIPT LANGUAGE="JavaScript">
<!--

function image() {
};

image = new image();
number = 0;

// imageArray
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-LbZjCr2/0/O/header2.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-WMHX52G/0/L/9-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mj6ZxkS/0/L/fear-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-2ZcGPsc/0/L/coaches-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-Ph4BFvb/0/L/2-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-TmGMNmR/0/L/4-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-m5MjZZt/0/L/1-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-CfBJjTN/0/L/3-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-GwBpncS/0/L/yeah-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-kW97vMJ/0/L/6-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/0/L/5-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/1/L/5-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-92sDK9V/0/L/8-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mnQ3p2m/0/L/7-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-gfQtT8Q/0/L/10-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t9zJL4V/0/L/11-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t4tDmTr/0/L/banner89-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-d6gZj2N/0/L/yeldon -L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-ZGZmhWQ/0/L/yeldon 2-L.png'border='0'>"
// keep adding items here...

increment = Math.floor(Math.random() * number);
document.write(image[increment]);
//--></SCRIPT>
<xen:include template="navigation" />
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</xen:hook

Here is the code i am using now in the edit template: header section

<xen:edithint template="header.css" />

<xen:hook name="header">
<div id="header">
<head>
<style type="text/css">
.auto-style1 {
text-align: center;
}
</style>
</head>
<p class="auto-style1">
<SCRIPT LANGUAGE="JavaScript">
<!--

function image() {
};

image = new image();
number = 0;

// imageArray
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-LbZjCr2/0/O/header2.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-WMHX52G/0/L/9-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mj6ZxkS/0/L/fear-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-2ZcGPsc/0/L/coaches-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-Ph4BFvb/0/L/2-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-TmGMNmR/0/L/4-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-m5MjZZt/0/L/1-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-CfBJjTN/0/L/3-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-GwBpncS/0/L/yeah-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-kW97vMJ/0/L/6-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/0/L/5-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/1/L/5-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-92sDK9V/0/L/8-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mnQ3p2m/0/L/7-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-gfQtT8Q/0/L/10-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t9zJL4V/0/L/11-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t4tDmTr/0/L/banner89-L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-d6gZj2N/0/L/yeldon -L.png'border='0'>"
image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-ZGZmhWQ/0/L/yeldon 2-L.png'border='0'>"
// keep adding items here...

increment = Math.floor(Math.random() * number);
document.write(image[increment]);
//--></SCRIPT>
<xen:include template="navigation" />
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</xen:hook>
 
Top Bottom