wandgucker
Threadersteller
Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 16.02.2005 14:23
Titel ergänzung slideshow |
|
|
momentan hab ich folgenden code ..bin javascript newbie..
<html>
<head>
<title>JavaScript Slideshow</title>
<script language="JavaScript">
<!--
function quelltext() {
window.location = 'view-source:' + window.location.href;
return
}
//-->
</script>
<style type="text/css">
<!--
body
{
font-size:12px;
color:#000000;
font-family : arial,helvetica;
scrollbar-face-color: #cccccc;scrollbar-shadow-color: #333333;scrollbar-highlight-color: #333333;scrollbar-3dlight-color: #333333;scrollbar-darkshadow-color: #333333;scrollbar-track-color: #333333;scrollbar-arrow-color: #0000ff;
}
h2 {
font-family:arial,helvetica;
font-size:16px;
color:#E00060;
font-weight:normal;
}
td {
font-family:arial,helvetica;
font-size:12px;
color:#000000;
}
a {
font-family:arial,aelvetica;
font-size:12px;
color:#1A1A53;
text-decoration:none;
}
pre {
font-family:MONOSPACE,arial,helvetica;
font-size:12px;
color:#0033FF;
}
-->
</style>
<!-- :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
script im head: JA
style-angaben im head: nein
onLoad im Body-Tag: nein
style / div im body: nein
script-aufrufe im body: JA
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: -->
<!-- ::::::::::::::::::::: script im head :::::::::::::::::::::::-->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
// End -->
</script>
<!-- ::::::::::::::::::::: /script im head :::::::::::::::::::::::-->
</head>
<body text="#000000" link="#000000" vlink="#000000" topmargin="0" leftmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table align="center" border="0" cellspacing="0" cellpadding="10" width="100%">
<!--oben-->
<tr>
<td colspan="3"><b>Screenshots</b></td>
</tr>
<tr>
<form name=slideform>
<td align="right">
<select name="slide" onChange="change();">
<option value="images/screen01.gif" selected>Screen01
<option value="images/screen02.gif">Screen02
<option value="images/screen03.jpg">Screen03
<option value="images/screen04.jpg">Screen04
</select>
</td>
</tr>
<!--linke Seite-->
<tr>
<td>
<table>
<tr>
<td colspan="0">
<table border="0" cellspacing=0 cellpadding=0 bgcolor="#000000">
<tr>
<td>
<table border="0" width="200" cellspacing="1" cellpadding="5" bgcolor="#000000">
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="images/screen01.gif" name="show">
</td>
</tr>
<tr>
<td align="center" bgcolor="#AFAFAF">
<input type="button" onClick="first();" value="|<<" title="Beginning"> <input type="button" onClick="previous();" value="<<" title="Previous"> <input type="button" onClick="next();" value=">>" title="Next"> <input type="button" onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
<td width="5"> </td>
<td valign="top"><p><b>Beispieltext</b></p>
<p>Text zu Bild 1</p>
</td>
</tr>
</table>
</body>
</html>
|
|