[HorizontalSlider]


Eine horizontale Slideshow, die bei Mouseover stoppt. Mit Linkfunktion

[Code]

[zwischen <HEAD> und </HEAD>]

<style type="text/css">
.tabc {font-weight:bold; font-size:12px; font-family:Arial;color:navy;}
.slsh { font-weight:bold; font-size:18px; font-family:Arial;color:red;TEXT-ALIGN: center;}
</style>
<SCRIPT language="javascript">
var swidth=310; //Breite der Slideshow
var sheight=47; //Höhe der Slideshow
var sspeed=2; //Geschwindigkeit
var resspeed=sspeed;
var scolor="#ccffcc"; //Hintergrundfarbe
var sborder="2"; //Rahmenbreite
var imagef='';
preload1 = new Image();
preload1.src = "IhreGrafik.gif";
preload2 = new Image();
preload2.src = "IhreGrafik.gif";
preload3 = new Image();
preload3.src = "IhreGrafik.gif";
var leftimage=new Array();
leftimage[0]='<a href="http://www.IhrLi.nk"><img src='+preload1.src+' width=310 height=47 alt="IhrAltText"></a>';
leftimage[1]='<a href="http://www.IhrLi.nk"><img src='+preload2.src+' width=310 height=47 alt="IhrAltText"></a>';
leftimage[2]='<a href="http://www.IhrLi.nk"><img src='+preload3.src+' width=310 height=47 alt="IhrAltText"></a>';
for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi];

/*************************************
* http://members.rogers.com/bazil/ *
* This notice may not be removed. *
*************************************/

function start(){
if(document.all) firstie(slider);
else if(document.getElementById) firstns6(document.getElementById('slider'));
else if(document.layers) firstns4(document.slider1.document.slider2);
}

var operbr=navigator.userAgent.toLowerCase().indexOf('opera');

function firstns4(whichdiv){
tdivns4=eval(whichdiv);
tdivns4.document.write('<nobr>'+imagef+'</nobr>');
tdivns4.document.close();
thel=tdivns4.document.width;
tdivns4.left=swidth;
slidens4();
}
function slidens4(){
if(tdivns4.left>=thel*(-1)){
tdivns4.left-=sspeed;
setTimeout("slidens4()",100);
}else{
tdivns4.left=swidth;
slidens4();}
}

function firstie(whichdiv){
tdivie=eval(whichdiv);
tdivie.innerHTML=('<nobr>'+imagef+'</nobr>');
thel=tdivie.offsetWidth;
tdivie.style.pixelLeft=swidth;
slideie();
}
function slideie(){
if(tdivie.style.pixelLeft>=thel*(-1)){
tdivie.style.pixelLeft-=sspeed;
setTimeout("slideie()",100);
}else{
tdivie.style.pixelLeft=swidth;
slideie();
}
}

function firstns6(whichdiv){
tdiv6=eval(whichdiv);
tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>');
thel=tdiv6.offsetWidth;
tdiv6.style.left=swidth;
slidens6();
}
function slidens6(){
if(parseInt(tdiv6.style.left)>=thel*(-1)){
tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed;
setTimeout("slidens6()",100);
}else{
tdiv6.style.left=swidth;
slidens6();
}
}
</SCRIPT>

[IN den <BODY> Tag]

onload="start();"

[zwischen <BODY> und </BODY>]

<div class="slsh" align="center">
<u>Horizontal Slider V2.1</u>
</div>
<br>
<div class="tabc" align="center">Adjust: Speed, Size, Background, Border and Name!</div>
<div class="tabc" align="center">Pauses while mouse is over. Allows for Hyperlinks.</div>
<SCRIPT language="javascript">
document.write('<table border='+sborder+' align="center" bgcolor='+scolor+'><tr><td width='+swidth+'>')
;if(document.layers) document.write('<span style="borderWidth:0.1px; borderStyle:none; clip:rect(0 '+swidth+' '+sheight+' 0);"><ilayer width='+swidth+' height='+sheight+' name="slider1"><layer class="slsh" width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></layer></ilayer></span>');
else{
document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);">');
if(operbr==-1)document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';">SLIDING SHOW</div>');
document.write('<div id="slider" style="position:relative;width:'+swidth+';height:'+sheight+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div>');
if(operbr!=-1)document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';">SLIDING SHOW</div>');
document.write('</div>');
}
</SCRIPT>
</td>
</tr>
</table>
<br>
<script language="JavaScript">
function ctrlA0(corp) {
with(corp){
focus(); select()
}
if(document.all){
txt=corp.createTextRange()
txt.execCommand("Copy")
window.status='Text copied to clipboard'
}
else window.status='Press ctrl-c to copy the text to the clipboard'
setTimeout("window.status=''",5000)
}
</script>

[Autor]

http://members.rogers.com/bazil/

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 503