Hi @ll,
ich habe zufällich dieses Zufalsbanner Script gesehn und müchte mal meines Forstellen ;) Zwar werden die Banner in diesem Script nicht zufällig angezeigt, aber ich dänke mal das dieses Script etwa leichter zu beherschen ist ?!
Also zunechst müssen wir in denn Head am besten folgendes einfügen :
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Sponsoren Ticker</title>
<base target="_Balnk">
</head>
Dieses bewirkt, das alle vom banner aus verlinkten Seiten, im neuen Fenster angezeigt werden ;)
(Ihr könnt selbstverständlich auch andere Befehle als _blank verwenden, um die augerufene seite nach wuntsch anzeigen zu lassen). z.B. mit _self wirt die seit im geöffneten selben fenster angezeigt, wenn ihr ein Fraim oder Ifram habt dafür, müsst ihr nut desen namen an stelle von _blank eingeben ;)
So nun aber zu wesentlichen Script !
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:Autopx;font-family:Verdana;background=" Water2.jpg"-color:whitesmoke;clip:rect(0px 0px auto 0px)"></span><script language="JavaScript" type="text/javascript"><!--
var tickercontents=new Array()
tickercontents[0]='<IMG SRC="Sponsoren.jpg" WIDTH="468" HEIGHT="60">'
tickercontents[1]='<a href="http://www.lima-city.de/index.php?ref=54744"><img src="http://www.lima-city.de/images/banner/lima-city_468x60_4.gif" border="0"></a>'
tickercontents[2]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=2162&type=b23&bnb=23" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=2162&ref=223163&b=23" BORDER="0" alt="Catlike - der Shop im Internet" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[3]='<b><font color="#0000FF" size="4"><a href="http://partners.webmasterplan.com/click.asp?ref=223163&site=2176&type=b5&bnb=5" target="_blank"><img SRC="http://banners.webmasterplan.com/view.asp?site=2176&ref=223163&b=5" BORDER="0" alt="Buch24.de - Bücher versandkostenfrei"></a></font></b>'
tickercontents[4]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=2807&type=b3&bnb=3" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=2807&ref=223163&b=3" BORDER="0" alt="Arcor" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[5]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=338&type=b95&bnb=95" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=338&ref=223163&b=95" BORDER="0" alt="o2 Germany" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[6]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=1331&type=b11&bnb=11" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=1331&ref=223163&b=11" BORDER="0" alt="GAME WORLD Computer- und Videospiele !" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[7]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=2945&type=b2&bnb=2" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=2945&ref=223163&b=2" BORDER="0" alt="Conrad Electronic" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[8]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=3402&type=b11&bnb=11" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=3402&ref=223163&b=11" BORDER="0" alt="Lifestyle Liveshop - Koffer, Taschen & Rucksäcke" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[9]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=2541&type=b1&bnb=1" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=2541&ref=223163&b=1" BORDER="0" alt="Kindersitze-Shop.de" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[10]='<A HREF="http://click.ilove.de/click.asp?ref=223163&site=2832&type=b27&bnb=27" TARGET="_blank"><IMG SRC="http://view.ilove.de/view.asp?site=2832&ref=223163&b=27" BORDER="0" alt="iLOVE - Partnersuche, Kontaktanzeigen, Singles" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[11]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=3119&type=b2&bnb=2" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=3119&ref=223163&b=2" BORDER="0" alt="PREMIERE - Unterhaltung für die ganze Familie" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[12]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=2866&type=b78&bnb=78" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=2866&ref=223163&b=78" BORDER="0" alt="TIME LIFE - Musik Video und DVDs" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[13]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=3030&type=b42&bnb=42" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=3030&ref=223163&b=42" BORDER="0" alt="inVDeo.de - der grosse DVD Verleih!" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[14]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=3405&type=b2&bnb=2" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=3405&ref=223163&b=2" BORDER="0" alt="AMANGO - Kino per Post" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[15]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=3462&type=b1&bnb=1" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=3462&ref=223163&b=1" BORDER="0" alt="Aidu.de einfach clever buchen" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[16]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=1734&type=b19&bnb=19" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=1734&ref=223163&b=19" BORDER="0" alt="AVITOS.COM Hardware, Software, Multimedia" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[17]='<A HREF="http://partners.webmasterplan.com/click.asp?ref=223163&site=2992&type=b7&bnb=7" TARGET="_blank"><IMG SRC="http://banners.webmasterplan.com/view.asp?site=2992&ref=223163&b=7" BORDER="0" alt="FamilienClub" WIDTH="468" HEIGHT="60"></A><br>'
tickercontents[18]='<p><b><font color="#00FFFF" size="5"><a href="http://partners.webmasterplan.com/click.asp?ref=223163&site=3019&type=b4&bnb=4" target="_blank"><img SRC="http://banners.webmasterplan.com/view.asp?site=3019&ref=223163&b=4" BORDER="0" alt="Yahoo! Spiele"></a></font></b></p>'
var tickdelay=12000 //delay btw messages
var highlightspeed=5 //5 pixels at a time.
////Do not edit pass this line////////////////
var currentmessage=0
var clipwidth=0
function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}
function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
// --></script>
Ich habe das Script extra unverändert gelassen, so das man es eigentlich schon von selbst verstehen sollte ;)
Aber ich werde es nochmal erklären :
Also Ihr sehrt nun oben diesen befehl tickercontents der mit [0]= bis [xxx]= durchnumeriert wird, dahinter kommt nun die bannereinblendungs-Url :
'<IMG SRC="Sponsoren.jpg" WIDTH="468" HEIGHT="60">'
Das IMG ist die Abkürtzung für Image SRC steht für Screen, also ein Imitsch anzeigen lassen.
Nun wollen wir aber das der user beim Anklicken des banner auf die Seite weitergeleitet wird, also müsen wie dieses in denn Befehl einarbeiten ;)
z.B.: ='<a href="http://www.lima-city.de/index.php?ref=54744"><img src="http://www.lima-city.de/images/banner/lima-city_468x60_4.gif" border="0"></a>'
So nun wirt der Banner von Lima-City angezeigt, und mit dem Befehl a href= wird der user beim anklicken des Banners auf die Lima-City Seite verlinkt. Mit dem oben genanten Befehl _Blank, öffnet sich also dann ein Popup mit der Lima_City Seite ;)
Soviel nun zum Bannerrotation, doch dieses Scrit beinhaltet noch ein bissel mehr, und zwar werden die banner nicht nur einfach so eingeblendet, sondernsie werden von Links nach rechts hin aufgerollt ;)
Und zwar mit dieser Funktion
function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
Nun könnt Ihr natürlich auch diese Funktion beeinflussen in dem ihr vollgende zeile editiert : var highlightspeed=5 //5 pixels at a time.
Ihr müsst nur die, in der secunde aufzubauende Pixelzahl verändern :
highlightspeed=5
Um es langsamer zu machen halbieren denn Wert auf 2-3 und um schneller zu werden verdoppeln auf 10 etc.
So doch auch die Einblendezeit jedes banner ist forgegeben, dabei solltet ihr darauf achten, das ein Standart banner einene durchlauf schafft !
Dazu müssen wir diese zeile Edititeren
var tickdelay=12000 //delay btw messages
Ihr sehr nun denn Befehl Tickdaley=12000
(Dies ist die zeit in Nanosec. in der ein banner eingebländet ist.)
Hir natürlich auch wieder das gleich spiel mit schneller = weniger und langsamer (somit länger) = mehr zeit !
So ich wüntsche euch viel Spass mit diesem Script und ihr könnt auhc damit eien Diashow oder einene Newsticker etc. Creieren !
Probiert es einfach mal auf ;)