hallo gemeinschaft
folgendes js habe ich
leider geht die automatische diashow nur local - auf dem server nicht
manuell gehts bei beiden
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../style.css">
<style>
.dborderlibuttonfl {border-style: solid; border-width:
1px; font-weight: normal; border-color: #0077bd; background-color: #E5EEF6; padding: 0px;padding-left: 3px;}
.dborderlibuttonnofl {border-style: none; font-weight: normal;
border-color: #f9f9f9; padding: 1px;padding-left:4px;}
</style>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script type="text/javascript">
function opencategory(theURL)
{
window.open(theURL,"wennundaber","toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,
width=810,height=500,top=200");
}
function openwindow(thehtml, thetitle, thewidth, theheight, sb)
{
window.open(thehtml,thetitle,"toolbar=no,location=no,directories=no,status=no,
menubar=no,scrollbars="+sb+",resizable=no,copyhistory=yes,
width="+thewidth+",height="+theheight+"")
}
function openwindow2(thehtml, thetitle, thewidth, theheight, sb)
{
theswidth = window.screen.availWidth;
thesheight = window.screen.availHeight;
thetop = window.screenTop-28;
theleft = window.screenLeft+600;
window.open(thehtml,thetitle,"toolbar=no,location=no,directories=no,status=no,
menubar=no,scrollbars="+sb+",resizable=no,copyhistory=yes,
width="+thewidth+",height="+theheight+",top="+thetop+",
left="+theleft+"")
}
function refresh()
{
location.reload()
}
function cursoron(trail)
{
startHeight=document.body.clientHeight;
trail.style.left=0;
trail.style.top=0;
trail.style.display="";
trail.style.position="absolute";
trail.style.zIndex=1;
trail.style.left=event.clientX-300;
if(startHeight<event.clientY+trail.clientHeight){
trail.style.top=event.clientY+document.body.scrollTop-((event.clientY+trail.clientHeight)-startHeight);
}
else{
trail.style.top=event.clientY+document.body.scrollTop;
}
}
function cursoroff(trail)
{
trail.style.display="none";
}
function changeFont(){
document.body.style.fontfamily= "Arial";
}
</script>
</head>
<body style="margin:0; background-color:#e1e1e1">
<SCRIPT LANGUAGE="javascript">
function fnDoWork()
{
if (sample.filters.item("DXImageTransform.Microsoft.Alpha").opacity == 20)
{
sample.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 70;
}else{
sample.filters.item("DXImageTransform.Microsoft.Alpha").opacity
= 20
}
}
</SCRIPT>
<div align="center" style="cursor:help;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td style="padding-left:50;padding-right:50" align="center">
<script language="JavaScript1.1">
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="0.gif"
photos[1]="1.gif"
photos[2]="2.gif"
photos[3]="3.gif"
photos[4]="4.gif"
photos[5]="5.gif"
photos[6]="6.gif"
photos[7]="7.gif"
photos[8]="8.gif"
photos[9]="9.gif"
photos[10]="10.gif"
photos[11]="11.gif"
photos[12]="12.gif"
photos[13]="13.gif"
photos[14]="14.gif"
photos[15]="15.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
var x = 5
var y = 1
function startClock(){
showmeall.innerHTML = "Bild "+(which+1)+" von "+photos.length
x = x-y
document.frm.clock.value = x
setTimeout("startClock()", 20)
if(x==0){
if (which<photos.length-1){
forward();
}else{
resetSlide();
}
x=5;
}
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=12
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
showmeall.innerHTML = "Bild "+(which+1)+" von "+photos.length
}
function resetSlide(){
which = 0
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
<style>
.dborderlibutton {border-style: solid; border-width:
1px; font-weight: normal; border-color: #0077bd; background-color: #E5EEF6; padding: 1px;padding-left: 5px; cursor: default;}
.dborderlibuttonno {border-style: none; font-weight: normal; border-color: #f9f9f9; padding: 2px;padding-left:6px;}
</style>
<link rel="stylesheet" type="text/css" href="../style.css">
<body onLoad="startClock()">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"><tr><td valign="right">
<table border="0" cellspacing="5" cellpadding="0" width="100%">
<tr>
<td colspan="2" valign="bottom" class="border3" style="padding:5px;" align="right" style="background-image:url(images/animationback.jpg)">
<script>
document.write('<img src="'+photos[0]+'" class="border3"
name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
</script>
</td>
</tr>
<tr class="bgcolor3">
<td colspan="2" valign="top" class="border3" style="padding:2px;"><table cellpadding="0" cellspacing="0" border="0"
width="100%"><tr>
<td colspan="2" nowrap class="dborderlibuttonno" onmouseover="this.className='dborderlibutton'" onmouseout="this.className='dborderlibuttonno'">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td nowrap><a href="#" onClick="backward();return false">vorheriges Bild</a> </td></tr></table></td>
<td width="100%" align="center"><span id="showmeall"></span></td>
<td align="right" colspan="2" nowrap class="dborderlibuttonno" onmouseover="this.className='dborderlibutton'" onmouseout="this.className='dborderlibuttonno'">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td nowrap><a href="#" onClick="forward();return false">nächstes Bild</a> </td></tr></table></td>
</tr></table></td>
</tr>
</table>
</td></tr></table>
<FORM NAME="frm">
<INPUT TYPE="TEXT" NAME="clock" SIZE=4 style="display:none">
</FORM>
</body>
</td></tr>
<tr><td style="padding-left:50;padding-right:50">
<span class="text2a">
</td></tr>
</td></tr>
<tr><td colspan="2" align="right" style="padding-right:50;padding-bottom:10;padding-top:10;">
</td></tr>
</table>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
folgendes js habe ich
leider geht die automatische diashow nur local - auf dem server nicht
manuell gehts bei beiden
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../style.css">
<style>
.dborderlibuttonfl {border-style: solid; border-width:
1px; font-weight: normal; border-color: #0077bd; background-color: #E5EEF6; padding: 0px;padding-left: 3px;}
.dborderlibuttonnofl {border-style: none; font-weight: normal;
border-color: #f9f9f9; padding: 1px;padding-left:4px;}
</style>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script type="text/javascript">
function opencategory(theURL)
{
window.open(theURL,"wennundaber","toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,
width=810,height=500,top=200");
}
function openwindow(thehtml, thetitle, thewidth, theheight, sb)
{
window.open(thehtml,thetitle,"toolbar=no,location=no,directories=no,status=no,
menubar=no,scrollbars="+sb+",resizable=no,copyhistory=yes,
width="+thewidth+",height="+theheight+"")
}
function openwindow2(thehtml, thetitle, thewidth, theheight, sb)
{
theswidth = window.screen.availWidth;
thesheight = window.screen.availHeight;
thetop = window.screenTop-28;
theleft = window.screenLeft+600;
window.open(thehtml,thetitle,"toolbar=no,location=no,directories=no,status=no,
menubar=no,scrollbars="+sb+",resizable=no,copyhistory=yes,
width="+thewidth+",height="+theheight+",top="+thetop+",
left="+theleft+"")
}
function refresh()
{
location.reload()
}
function cursoron(trail)
{
startHeight=document.body.clientHeight;
trail.style.left=0;
trail.style.top=0;
trail.style.display="";
trail.style.position="absolute";
trail.style.zIndex=1;
trail.style.left=event.clientX-300;
if(startHeight<event.clientY+trail.clientHeight){
trail.style.top=event.clientY+document.body.scrollTop-((event.clientY+trail.clientHeight)-startHeight);
}
else{
trail.style.top=event.clientY+document.body.scrollTop;
}
}
function cursoroff(trail)
{
trail.style.display="none";
}
function changeFont(){
document.body.style.fontfamily= "Arial";
}
</script>
</head>
<body style="margin:0; background-color:#e1e1e1">
<SCRIPT LANGUAGE="javascript">
function fnDoWork()
{
if (sample.filters.item("DXImageTransform.Microsoft.Alpha").opacity == 20)
{
sample.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 70;
}else{
sample.filters.item("DXImageTransform.Microsoft.Alpha").opacity
= 20
}
}
</SCRIPT>
<div align="center" style="cursor:help;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td style="padding-left:50;padding-right:50" align="center">
<script language="JavaScript1.1">
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="0.gif"
photos[1]="1.gif"
photos[2]="2.gif"
photos[3]="3.gif"
photos[4]="4.gif"
photos[5]="5.gif"
photos[6]="6.gif"
photos[7]="7.gif"
photos[8]="8.gif"
photos[9]="9.gif"
photos[10]="10.gif"
photos[11]="11.gif"
photos[12]="12.gif"
photos[13]="13.gif"
photos[14]="14.gif"
photos[15]="15.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
var x = 5
var y = 1
function startClock(){
showmeall.innerHTML = "Bild "+(which+1)+" von "+photos.length
x = x-y
document.frm.clock.value = x
setTimeout("startClock()", 20)
if(x==0){
if (which<photos.length-1){
forward();
}else{
resetSlide();
}
x=5;
}
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=12
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
showmeall.innerHTML = "Bild "+(which+1)+" von "+photos.length
}
function resetSlide(){
which = 0
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
<style>
.dborderlibutton {border-style: solid; border-width:
1px; font-weight: normal; border-color: #0077bd; background-color: #E5EEF6; padding: 1px;padding-left: 5px; cursor: default;}
.dborderlibuttonno {border-style: none; font-weight: normal; border-color: #f9f9f9; padding: 2px;padding-left:6px;}
</style>
<link rel="stylesheet" type="text/css" href="../style.css">
<body onLoad="startClock()">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"><tr><td valign="right">
<table border="0" cellspacing="5" cellpadding="0" width="100%">
<tr>
<td colspan="2" valign="bottom" class="border3" style="padding:5px;" align="right" style="background-image:url(images/animationback.jpg)">
<script>
document.write('<img src="'+photos[0]+'" class="border3"
name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
</script>
</td>
</tr>
<tr class="bgcolor3">
<td colspan="2" valign="top" class="border3" style="padding:2px;"><table cellpadding="0" cellspacing="0" border="0"
width="100%"><tr>
<td colspan="2" nowrap class="dborderlibuttonno" onmouseover="this.className='dborderlibutton'" onmouseout="this.className='dborderlibuttonno'">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td nowrap><a href="#" onClick="backward();return false">vorheriges Bild</a> </td></tr></table></td>
<td width="100%" align="center"><span id="showmeall"></span></td>
<td align="right" colspan="2" nowrap class="dborderlibuttonno" onmouseover="this.className='dborderlibutton'" onmouseout="this.className='dborderlibuttonno'">
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td nowrap><a href="#" onClick="forward();return false">nächstes Bild</a> </td></tr></table></td>
</tr></table></td>
</tr>
</table>
</td></tr></table>
<FORM NAME="frm">
<INPUT TYPE="TEXT" NAME="clock" SIZE=4 style="display:none">
</FORM>
</body>
</td></tr>
<tr><td style="padding-left:50;padding-right:50">
<span class="text2a">
</td></tr>
</td></tr>
<tr><td colspan="2" align="right" style="padding-right:50;padding-bottom:10;padding-top:10;">
</td></tr>
</table>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
Kommentar