Więc ogólnie to witam wszystkich uzytkowników , mam nadzieję że uda się wam udzielić mi pomocy
Problem polega na tym że nie bardzo wiem jak zrobić na swoim szablonie ruchomy banner
Nie bardzo wiem czy wolicie jak ktoś daje kody na forum i strona się potem ciagnie i ciągnie czy jak ktoś daje je na coś typu wklejka , więc ja dodam tak i tak
Tutaj kod który pozwala zmieniać mi moje 2 bannery co 3 sekundy
Kod
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<script LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var currentBanner = 0;
var timeout = 3;
var bannerArray = new Array(
"http://s10.ifotos.pl/img/3jpg_wrwwsws.jpg", "http://s2.ifotos.pl/img/1jpg_wrwwswe.jpg", "http://s10.ifotos.pl/img/3jpg_wrwwsws.jpg",
"http://s2.ifotos.pl/img/1jpg_wrwwswe.jpg", "http://s10.ifotos.pl/img/3jpg_wrwwsws.jpg", "http://s2.ifotos.pl/img/1jpg_wrwwswe.jpg"
);
function printBanner()
{
tekst = "<img SRC='" + bannerArray[currentBanner] + "'>";
document.getElementById("bannerLayer").innerHTML=tekst;
if((++currentBanner) >= bannerArray.length) currentBanner = 0;
timerID = setTimeout("printBanner()", timeout * 1000);
}
// Koniec kodu JavaScript -->
</script>
</head>
<body onLoad="printBanner()">
<div id="bannerLayer" style="visibility: visible; position: absolute; top: 20; left: 20;"></div>
</body>
</html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<script LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var currentBanner = 0;
var timeout = 3;
var bannerArray = new Array(
"http://s10.ifotos.pl/img/3jpg_wrwwsws.jpg", "http://s2.ifotos.pl/img/1jpg_wrwwswe.jpg", "http://s10.ifotos.pl/img/3jpg_wrwwsws.jpg",
"http://s2.ifotos.pl/img/1jpg_wrwwswe.jpg", "http://s10.ifotos.pl/img/3jpg_wrwwsws.jpg", "http://s2.ifotos.pl/img/1jpg_wrwwswe.jpg"
);
function printBanner()
{
tekst = "<img SRC='" + bannerArray[currentBanner] + "'>";
document.getElementById("bannerLayer").innerHTML=tekst;
if((++currentBanner) >= bannerArray.length) currentBanner = 0;
timerID = setTimeout("printBanner()", timeout * 1000);
}
// Koniec kodu JavaScript -->
</script>
</head>
<body onLoad="printBanner()">
<div id="bannerLayer" style="visibility: visible; position: absolute; top: 20; left: 20;"></div>
</body>
</html>
A tutaj na wklej.to
http://wklej.to/u50ri
No i tu fajnie wszystko działa , problem pojawia się w momencie kiedy mam dodać ten skrypt czy jak to nazwać do szablonu strony
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="{%MetaCharset%}" />
<meta name="description" content="{%MetaDescription%}" />
<meta name="keywords" content="{%MetaKeywords%}" />
<title>{%MetaTitle%}</title>
<link rel="stylesheet" href="images/Unbound.css" type="text/css" />
</head>
<body>
<!-- header starts-->
<div id="header-wrap">
<div id="header-photo"><img height="290" width="890" src="[size=18][b]TUTAJ DODAJE SIĘ LOGO , W TYM RZECZ ŻE MOGE DODAĆ JEDNO , A JA CHCE ABY BYŁY 3 ! I CO 3 SEKUNDY SIĘ ZMIENIAŁY[/b][/size]" alt="header photo" /></div>
<h1 id="logo-text"><a title="{%WebsiteName%}" href="index.php">{%WebsiteName%}</a></h1>
<p id="intro">{%WebsiteSlogan%}</p>
<div id="nav">
<ul>
<!--{%menu_start=1%}-->
<li><a href="{%menu_href%}">{%menu_display%}</a></li>
<!--{%menu_end=1%}-->
</ul>
</div>
<form method="get" id="quick-search">
<p><label for="qsearch">Search:</label> <input title="Start typing and hit ENTER" value="Search" name="search" type="text" id="qsearch" class="tbox" /> <input value="Submit" type="submit" class="btn" /></p>
</form> <!-- header ends here --></div>
<!-- content starts -->
<div class="clear" id="content-outer">
<div id="content-wrapper"><!-- column-one -->
<div id="content">
<div class="col-one"><a name="TemplateInfo"></a>
<h2>{%name%}</h2>
{%content%}</div>
</div>
<!-- column-three -->
<div class="col-three">
<h3>News</h3>
{%news%}
<h3>Search</h3>
<form class="searchform" method="get">
<p><input type="text" class="textbox" name="search" /> <input type="submit" value="Search" class="button" /></p>
</form></div>
<!-- contents end here --></div>
</div>
<!-- footer starts here -->
<div id="footer-wrapper"><!-- column-one --> <!-- column-two -->
<div id="footer-bottom">
<p class="bottom-left">{%WebsiteFooter%} | Design by <a href="index.html">styleshout</a></p>
</div>
</div>
<!-- footer ends here -->
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="{%MetaCharset%}" />
<meta name="description" content="{%MetaDescription%}" />
<meta name="keywords" content="{%MetaKeywords%}" />
<title>{%MetaTitle%}</title>
<link rel="stylesheet" href="images/Unbound.css" type="text/css" />
</head>
<body>
<!-- header starts-->
<div id="header-wrap">
<div id="header-photo"><img height="290" width="890" src="[size=18][b]TUTAJ DODAJE SIĘ LOGO , W TYM RZECZ ŻE MOGE DODAĆ JEDNO , A JA CHCE ABY BYŁY 3 ! I CO 3 SEKUNDY SIĘ ZMIENIAŁY[/b][/size]" alt="header photo" /></div>
<h1 id="logo-text"><a title="{%WebsiteName%}" href="index.php">{%WebsiteName%}</a></h1>
<p id="intro">{%WebsiteSlogan%}</p>
<div id="nav">
<ul>
<!--{%menu_start=1%}-->
<li><a href="{%menu_href%}">{%menu_display%}</a></li>
<!--{%menu_end=1%}-->
</ul>
</div>
<form method="get" id="quick-search">
<p><label for="qsearch">Search:</label> <input title="Start typing and hit ENTER" value="Search" name="search" type="text" id="qsearch" class="tbox" /> <input value="Submit" type="submit" class="btn" /></p>
</form> <!-- header ends here --></div>
<!-- content starts -->
<div class="clear" id="content-outer">
<div id="content-wrapper"><!-- column-one -->
<div id="content">
<div class="col-one"><a name="TemplateInfo"></a>
<h2>{%name%}</h2>
{%content%}</div>
</div>
<!-- column-three -->
<div class="col-three">
<h3>News</h3>
{%news%}
<h3>Search</h3>
<form class="searchform" method="get">
<p><input type="text" class="textbox" name="search" /> <input type="submit" value="Search" class="button" /></p>
</form></div>
<!-- contents end here --></div>
</div>
<!-- footer starts here -->
<div id="footer-wrapper"><!-- column-one --> <!-- column-two -->
<div id="footer-bottom">
<p class="bottom-left">{%WebsiteFooter%} | Design by <a href="index.html">styleshout</a></p>
</div>
</div>
<!-- footer ends here -->
</body>
</html>
Oraz kod na wklej.to
http://wklej.to/6jyVN
Podsumowując chce aby te 2 kody połączyć w jedność i te bannery czy też loga dodam tak jak w tym 1 kodzie i będą mi się zmieniały co 3 sekundy w całym szablonie
PROSZĘ O POMOC
P.S
Chodzi mi o coś takiego / podobnego jak jest na tej stronie
http://www.kfrpartner.pl
P.S 2 Czy trzeba zrobić z tych 3 obrazków gifa poprostu ?