tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
542
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 26.06.07 17:04 #1
    Avatar von Zimtgruen
    Zimtgruen Zimtgruen ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Beiträge
    155
    Hallo,

    ich habe hier im Internet ein script für eine Slideshow gefunden, die Slideshow funktioniert auch einwandfrei, aber nicht wenn ich sie in eine Tabelle mit nur einer spalte einfüge, also in folgendem Code, dann werden alle bilder unter einander sichtbar angezeigt und nicht so, dass man nur ein bild sieht, dann auf bild2 klickt und dann das nächste erscheint, also kurz gesagt der slide-effekt ist weg:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170

    <div align="center">
<table width="450" border="1">
  <tr>
    <td colspan="3" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid"><div align="center">
<b>Titel</b></div></td>
 
  </tr>
<tr>
    <td style="border:1px solid #000000"><div align="center">
 
<script language=javascript>
////////////////////////////////////////////////
// dmx slidershow by robert engelhardt © 2003 //
//              womstar@uni.de                //
//       vermerk bitte stehn lassen!          //
////////////////////////////////////////////////
//    der macher des scriptes distanziert     //
//       sich von dem inhalt der seite        //
////////////////////////////////////////////////
 
/******************* EIGENSCHAFTEN ************************/
 
    /**************************************************/
    /* die bilder sollten alle die gleiche größe haben*/
    /**************************************************/
 
    bilder          = new Array("bild1.jpg",
"bild2.jpg",
"bild3.jpg");
 
    /**************************************************/
 
    rahmenBreite        = 420;      // die breite des rahmens ist gleich die breite des bildes
    rahmenHoehe     = 291;      // die höhe des rahmens ist gleich die höhe des bildes
    rahmenRand      = 0;
    rahmenStil      = "dotted";
    rahmenFarbe     = "#C0C0C0";
    rahmenHintergrundFarbe  = "#FFFFFF";
 
    schriftArt      = "Comic";
    schriftFarbe        = "000000";
    schriftGroesse      = 1;
 
    trennZeichen        = "-";      // trennzeichen zwischen den links
 
    srollVarianten      = 0;        // 0 = von unten nach oben, 1 = von rechts nach links
 
/*********************************************************/
 
    document.write("<center>"
    +"<div id='rahmen' style='width:"
    +(rahmenBreite+0)+"; height:"
    +(rahmenHoehe+0)+"; border:"
    +rahmenRand+"px "
    +rahmenStil+" #"
    +rahmenFarbe+"; background-color:#"
    +rahmenHintergrundFarbe+";overflow:hidden'>");
 
    (srollVarianten==0) ?
    document.write("<div id='jumper' style='position:relative;top:18;left:0'>") :
    document.write("<div id='jumper' style='position:relative;left:18;top:18'>");
 
    (srollVarianten==0) ?
    document.write("<table width="
    +rahmenBreite+" cellspacing=0 cellpadding=0>") :
    document.write("<table height="
    +rahmenHoehe+" cellspacing=0 cellpadding=0>");
 
for (i=0;i<bilder.length;i++)
{
    (srollVarianten==0) ?
    document.write("<tr><td width="
    +rahmenBreite+" height="
    +rahmenHoehe+">") :
    document.write("<td width="
    +rahmenBreite+" height="
    +rahmenHoehe+">");
 
    (srollVarianten==0) ?
    document.write("<img src="+bilder[i]+"></td></tr>"
    +"<tr><td height=25></td></tr>") :
    document.write("<img src="+bilder[i]+"></td>"
    +"<td><div style='width:25'></div></td>");
}
 
    document.write("</table></div></div><br>");
 
for (i = 0; i < bilder.length; i++)
{
    if (i == bilder.length-1) trennZeichen = "";
    (srollVarianten==0) ?
    (i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) :
    (i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i);
 
    document.write("<a href='javascript:getPos("
    +posY+")' onfocus='this.blur()' style='text-decoration:none'><font size="
    +schriftGroesse+" color="
    +schriftFarbe+" face="
    +schriftArt+">Bild"+(i+1)+"</font></a>"
    +"<font style='cursor:default'> "
    +trennZeichen+" </font>");
}
 
    document.write("</center>");
 
var thePos=dimx=Dimx=0,time;
 
function getPos(pos)
{
    thePos  = pos-(pos*2)+18;
 
    browser = navigator.appName;
    usAgent = navigator.userAgent;
 
    if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1)
    clearTimeout(time);
 
    dmx();
}
function dmx()
{
    time    = setTimeout("dmx()",0);
 
    dimx    = Math.round(Dimx+=((thePos)-Dimx)*4/20);
 
    if (document.getElementById)
    {
        (srollVarianten==0) ?
        document.getElementById("jumper").style.top  = dimx :
        document.getElementById("jumper").style.left = dimx;
    }
    else if (document.all)
    {
        (srollVarianten==0) ?
        document.all["jumper"].style.top  = dimx :
        document.all["jumper"].style.left = dimx;
    }
 
    if (thePos == dimx) clearTimeout(time);
}
            </script>
 
 
 
 
</div></td>
 
  </tr>
<tr>
<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" style="border:1px solid #000000">
<div align="center">beschreibung</div></td>
</tr>
  <tr>
    <td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
      <P align=center>
...beschreibung...</P></td>
  </tr>
 
  <tr>
    <td colspan="4" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">links
</div></td>
  </tr>
</table>

    kann mir da jemand vielleicht helfen?
     
    Übung macht den Meister, oder etwa nicht?!
  2. 27.06.07 00:44 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    eventuell liegt es am DOCTYPE des Dokumentes. MIt folgender Angabe funktioniert es bei mir.
    Code :
    1

    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    Vielleicht hilft Dir das weiter.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
  3. 27.06.07 12:33 #3
    Avatar von Zimtgruen
    Zimtgruen Zimtgruen ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Beiträge
    155
    hey vielen Dank, jetzt geht es =)
     
    Übung macht den Meister, oder etwa nicht?!
« Flash-Datei im Banner von postnuke. Nur wie ? | 1 Submit auf 2 Seiten ? »

Ähnliche Themen

  1. Aus einer SQL Tabelle mehrere verschiedene Werte einer Spalte auslesen
    Von supercat1510 im Forum PHP
    Antworten: 5
    Letzter Beitrag: 02.06.10, 12:52
  2. Automatisch Tabelle mit dem namen einer Spalte einer anderen Tabelle erstellen
    Von Chris-P im Forum PHP
    Antworten: 11
    Letzter Beitrag: 26.06.08, 19:49
  3. Dynamischer Aufbau einer Tabelle funktioniert im IE nicht
    Von Thomas D im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 22.11.07, 21:00
  4. Höchsten Wert einer bestimmten Spalte innerhalb einer Tabelle ermitteln
    Von Bomber im Forum PHP
    Antworten: 8
    Letzter Beitrag: 28.10.05, 22:08
  5. Inhalt aller Felder einer Spalte aus einer Tabelle rauslesen
    Von messmar im Forum Relationale Datenbanksysteme
    Antworten: 3
    Letzter Beitrag: 12.01.05, 15:17