[ImageTape]

Eine horizontale Slideshow, die bei Mouseover stoppt. Mit Linkfunktion

[Code]

[zwischen <HEAD> und </HEAD>]

<SCRIPT language="javascript">
/**********************************************************
* Based on a script from http://members.rogers.com/bazil/ *
* Copyright by N8i (http://unix.nightfire.ch) *
* This notice may not be removed. *
**********************************************************/


var swidth=339; //Breite der Slideshow
var sheight=150; //Höhe der Slideshow
var sspeed=2; //Geschwindigkeit
var sldcnt=0;
var the1;
var resspeed=sspeed;
var scolor="#00468c"; //Hintergrundfarbe
var sborder="2"; //Rahmenbreite
var imagef='';
var imagef2='';
preload1 = new Image();
preload1.src = "IhreGrafik.jpg";
preload2 = new Image();
preload2.src = "IhreGrafik.jpg";
preload3 = new Image();
preload3.src = "IhreGrafik.jpg";
//Fügen Sie nach demselben Schema beliebig viele weitere Grafiken hinzu
var leftimage=new Array();
leftimage[0]='<a href="http://www.IhrLi.nk"><img src='+preload1.src+' width=113 height=150 alt="IhrAltText"></a>';
leftimage[1]='<a href="http://www.IhrLi.nk"><img src='+preload2.src+' width=113 height=150 alt="IhrAltText"></a>';
leftimage[2]='<a href="http://www.IhrLi.nk"><img src='+preload3.src+' width=113 height=150 alt="IhrAltText"></a>';

for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi];
imagef2 = imagef

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

function start(){
if(document.getElementById) firstdom(document.getElementById('slider'));
}



function firstdom(whichdiv){
tdiv6=eval(whichdiv);
tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>');
thel=tdiv6.offsetWidth;
tdiv6.style.left=swidth;
slidedom();
}

function slidedom(){
sldcnt+=sspeed;
if (sldcnt>swidth){
imagef2 = imagef2 + imagef;
tdiv6.innerHTML=('<nobr>'+imagef2+'</nobr>');
thel=tdiv6.offsetWidth;
sldcnt=0
}
//if(parseInt(tdiv6.style.left)>=thel*(-1)){
tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed;
setTimeout("slidedom()",100);
}
</SCRIPT>

[IN den <BODY> Tag]

onload="start()"

[zwischen <BODY> und </BODY>]

<SCRIPT language="javascript">
document.write('<table border='+sborder+' align="center" bgcolor='+scolor+'><tr><td width='+swidth+'>');
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>

[Autor]

N8i (www.nightfire.ch)

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 625