Bilder blättern 2 auf einer Seite
Serai
- javascript
0 minicrispie
Hi
ich versuche verzweifelt zwei "Bilder blätter scrips" einzufügen auf einer Seite. Aber irgendwas spinnt da total.
Kann mir vll jmd helfen?
<html>
<head>
<title>Verfügbare Geräte</title>
<script type="text/javascript" language="JavaScriptt">
<!-- Begin
var im = new Array( "24032009297.jpg", "24032009299.jpg", "24032009303.jpg", "24032009307.jpg", "23032009295.jpg");
i = 0;
function vorwaerts() {
if (i != 3) {
document.images.dia.src = im[i+1];
i++;
}
}
function zurueck() {
if (i != 0) {
document.images.dia.src = im[i-1];
i--;
}
}
//End -->
</script>
<style type="text/css"><!--
#inp input{
padding:-2px;
width: 25px;
height:25px;
color: white;
background: transparent url(button.png);
border:0;
}
//-->
</style>
<script type="text/javascript" language="JavaScriptt">
<!-- Begin
var im = new Array( "24032009297.jpg", "24032009299.jpg", "24032009303.jpg", "24032009307.jpg", "23032009295.jpg");
i = 0;
function vorwaerts() {
if (i != 3) {
document.images.dia.src = im[i+1];
i++;
}
}
function zurueck() {
if (i != 0) {
document.images.dia.src = im[i-1];
i--;
}
}
//End -->
</script>
<style type="text/css"><!--
#inp input{
padding:-2px;
width: 25px;
height:25px;
color: white;
background: transparent url(button.png);
border:0;
}
//-->
</style>
<script type="text/javascript" language="JavaScriptt">
<!-- Begin2
var im = new Array( "24032009297.jpg", "24032009299.jpg", "24032009303.jpg", "24032009307.jpg", "23032009295.jpg");
i = 0;
function vorwaerts() {
if (i != 3) {
document.images.dia.src = im[i+1];
i++;
}
}
function zurueck() {
if (i != 0) {
document.images.dia.src = im[i-1];
i--;
}
}
//End -->
</script>
<style type="text/css"><!--
#inp input{
padding:-2px;
width: 25px;
height:25px;
color: white;
background: transparent url(button.png);
border:0;
}
//-->
</style>
<script type="text/javascript" language="JavaScriptt">
<!-- Begin
var im = new Array( "240320092297.jpg", "240320029299.jpg", "240232009303.jpg", "240320029307.jpg", "230320029295.jpg");
i = 0;
function vorwaerts() {
if (i != 3) {
document.images.dia.src = im[i+1];
i++;
}
}
function zurueck() {
if (i != 0) {
document.images.dia.src = im[i-1];
i--;
}
}
//End -->
</script>
<style type="text/css"><!--
#inp input{
padding:-2px;
width: 25px;
height:25px;
color: white;
background: transparent url(button.png);
border:0;
}
//-->
</style>
<table width="100%" border="1" bordercolor="#000000" cellpadding="0" cellspacing="2">
<tr>
<td><center><b><h2><Font color="#A2AD00">Notebook BenQ</h2></font></b></center></td>
<td><center><b><h2><Font color="#A2AD00">Technische Daten</h2></font></b></center></td>
<td><center><b><h2><Font color="#A2AD00">Software</h2></font></b></center></td>
<td><center><b><h2><Font color="#A2AD00">Anschlüsse</h2></font></b></center></td>
</tr>
<tr>
<td><center> <div align="center">
<img name="dia" src="24032009297.jpg" height="160" border="0" alt="joybook r55" />
<div id="inp" style="margin-top:-28px;">
<form>
<input class="pre" type="button" value="«" onClick="zurueck()" />
<input class="next" type="button" value="»" onClick="vorwaerts()" />
</form>
</div>
</div></center> </td>
<td><ul>
<li>Windows XP Professional SP3</li>
<li>Gewicht: 2,8 kg</li>
<li>Display: 15,4" TFT 1280 x 800</li>
<li>Festplatte: 80 GB - Serial ATA-150 - 5400 rpm</li>
<li>Prozessor: Intel Core Duo T2400 / 1.83 GHz (Dual-Core)</li>
<li>Arbeitsspeicher: 1 GB - DDR2 SDRAM</li>
<li>Grafikkarte: NVIDIA GeForce Go 7400 TurboCache 128 MB</li>
<li>Laufwerk: Philips DVD +-RW</li>
<li>Stereo-Lautsprecher</li>
</td>
<td></ul><ul>
<li>Adobe Flash Player ActiveX</li>
<li>Adobe Reader 9</li>
<li>Artweaver</li>
<li>Internet Explorer 8</li>
<li>Media Player 11</li>
<li>Mozilla Firefox</li>
<li>Mozilla Thunderbird</li>
<li>Nero</li>
<li>Open Office</li>
<li>Power DVD</li>
<li>Sophos Anti-Virus</li>
</td>
<td><ul><li>4 x Hi-Speed USB</li>
<li>1 x Netzwerk - Ethernet</li>
<li>1 x Display / Video - VGA</li>
<li>1 x Display / Video - S-Video-Ausgang </li>
<li>1 x IEEE 1394 (FireWire)</li>
<li>1 x Audio - Line-Out/Kopfhörer</li>
<li>1 x Mikrofon - Eingang</li>
<li>4-in-1 Kartenleser</li></ul>
</td>
</tr>
</table>
<table width="100%" border="1" bordercolor="#000000" cellpadding="0" cellspacing="2">
<tr>
<td><div align="center">
<img name="dia" src="240320092557.jpg" height="160" border="0" alt="joybook r55" />
<div id="inp" style="margin-top:-28px;">
<form>
<input class="pre" type="button" value="«" onClick="zurueck()" />
<input class="next" type="button" value="»" onClick="vorwaerts()" />
</form>
</div>
</div></td>
</tr>
</table>
</head>
<body>
<body style="background-color:#FFFFFF">
<center><a href="index.html">zurück</a></center>
</body>
</html>
lg serai
Hallo,
ich versuche verzweifelt zwei "Bilder blätter scrips" einzufügen auf einer Seite. Aber irgendwas spinnt da total.
MfG. Christoph Ludwig
Hallo Christoph Ludwig,
vielen dank, dass Sie mir den link für das Charta des SELFHTML-Forums gegeben haben. Ich weiß nicht was Sie damit bezwecken wollten aber geholfen hats mir nicht!
MfG
Serai
Mahlzeit Serai,
Ich weiß nicht was Sie damit bezwecken wollten
Wahrscheinlich wollte er darauf hinweisen, dass es sinnvoll wäre, vor Verfassen des ersten Beitrags hier im Forum die Charta zu lesen. Dort finden sich nämlich u.a. "Tipps für Fragende".
aber geholfen hats mir nicht!
Das mag sein. Es hilft aber auch Deinen Lesern nicht, wenn Du keine vernünftige Fehlerbeschreibung lieferst. Wie sollen sie da Dein Problem nachvollziehen können? Oder meinst Du, jeder kopiert sich den von Dir geposteten (übrigens stark überarbeitungswürdigen!) Code, um wild herumzutesten, was evtl. nicht funktionieren könnte?
Gerüchteweise soll es Leute geben, die auch noch was Besseres zu tun haben ...
MfG,
EKKi
Hallo EKKi,
zuerst einmal ist das nicht mein erster Beitrag in diesem Forum und zweitens tut es mir leid wenn ich mich nicht präzise ausgedrückt habe.
Und das mit dem Code hab ich nur reinkopiert für freiwillige die sich das mal anschauen wollen. Steht ja nirgends "Du musst dir unbedingt den code anschauen"...
Und jetzt nochmal zu meinem Problem...
ich habe 2 scripte eingefügt weil ich dachte es erscheinen dann voneinader unabhängig 2 Bilder die sich selbständig durch klicken auf die Buttons ändern. Dies ist aber nicht der Fall, sondern wenn ich auf Button A von Bild A drücke verändert sich Bild B. Wenn ich auf Button von Bild B drücke ändert sich nur das Bild von Bild B.
Ich hoffe ich habe jetzt mein Problem präzise geschildert.
MfG
Serai
Hallo Serai,
du hast das Script nicht nur zweimal, sondern viermal eingefügt. D.h. die im ersten Block angelegten Variablen und Funktionen werden einmal angelegt und dreimal überschrieben. Es überlebt also nur die letzte Version.
Du muss das Script dahingehend umschreiben, dass du die Referenzen auf die Bilder als Parameter an die Bildwechselfunktionen übergibst und die Nummer des gerade gezeigten Bildes für jedes Bild extra abspeicherst. Am besten könnte man das objektorientiert lösen.
Gruß, Jürgen
Hallo Jürgen,
danke nochmal für deine hilfe.
ich hab das problem anders gelöst.
MfG
Serai
Hallo,
» ich hab das problem anders gelöst.
nur fürs archiv: wie denn?
MfG. Christoph Ludwig
Hallo Serai,
ich sehe gerade, du hast nicht nur den Script-, sondern auch den Css-Block mehrmals eingebaut. Ich glaube, du solltest dich erst einmal mit den Grundlagen von html, css und Javascript beschäftigen.
Gruß, Jürgen
Hallo,
Hallo Christoph Ludwig,
vielen dank, dass Sie mir den link für das Charta des SELFHTML-Forums gegeben haben. Ich weiß nicht was Sie damit bezwecken wollten aber geholfen hats mir nicht!
das war deswegen, das du einfach ne problembeschreibung abgibst, un das was kommt und das was du erreichen willst.
Das steht un der Charta bei "Tipps für fragende"...
btw: in dem Forum duzt man sich eigentlich :)
MfG. Christoph Ludwig