Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Bilderwechsel nicht richtig im DIV » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Bilderwechsel nicht richtig im DIV
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Startpost-Retter
Mitglied


Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern

Bilderwechsel nicht richtig im DIV Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hey,
ich hab ein kleines Problem mit meiner HP.
Bisher hat alles funktioniert (yeah! xD), aber iwie gibt es doch immer ein Problem.
Wenn ich mein Portfolio anzeigen lassen möchte, ist es iwie viel viel weiter rechts als gedacht x.x

anschauen
(auf Portfolio klicken)

hier der code:

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:
<div id="tagboard" style="display: none;">
<div
 style="padding: 15px 8px 8px; position: absolute; top: 20px; left: 200px; width: 460px; height: auto; background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); text-align: center;"><img
 src="http://i38.tinypic.com/302tma8.png"><br>
<br>
<span class="cloud">Janinographie </span><br>
<span
 style="font-family: georgia; font-style: italic; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: -1px; text-transform: lowercase; color: rgb(194, 140, 134);"><small>&ldquo;Truly
all photographs are self-portraits.&rdquo; - Elizabeth
Opalenik&nbsp;</small>
</span><br>
</div>


 <div
 style="padding: 12px; position: absolute; top: 280px; left: 200px; width: 660px; height: auto; background-color: rgb(248, 248, 248);">
<div class="left">
<div class="h1">Galerie</div>
<div class="h2">Ein Einblick in meine Fotos</div>
<span
 style="font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 45px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: -2px; text-transform: uppercase; color: rgb(201, 129, 139);"></span><br>
<span
 style="font-family: arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 1px; text-transform: uppercase; color: rgb(217, 189, 192);">Achtung:</span><br>
<br>
Das kopieren meiner Bilder ist strengstens untersagt! <br>
Anfragen per Mail sind unn&ouml;tig!<br>
<br>
 <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("http://ps-astra.bplaced.de/Bilder/1.png","http://ps-astra.bplaced.de/Bilder/2.png","http://ps-astra.bplaced.de/Bilder/3.png","http://ps-astra.bplaced.de/Bilder/4.png","http://ps-astra.bplaced.de/Bilder/5.png","http://ps-astra.bplaced.de/Bilder/6.png","http://ps-astra.bplaced.de/Bilder/7.png");
/**************************************************/
rahmenBreite = 480; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 320; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#f8f8f8";
rahmenHintergrundFarbe = "hg.png";
schriftArt = "Tahoma";
schriftFarbe = "#999999";
schriftGroesse = 1;
trennZeichen = "-"; // trennzeichen zwischen den links
srollVarianten = 1; // 0 = von unten nach oben, 1 = von rechts nach links
/*********************************************************/
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#f8f8f8"
+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>
<span style="text-decoration: underline;"></span><span
 style="font-family: arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 1px; text-transform: uppercase; color: rgb(217, 189, 192);"></span><br>
</div>
</div>


__________________
Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.
10.08.2010 22:29 Startpost-Retter ist offline Beiträge von Startpost-Retter suchen Nehmen Sie Startpost-Retter in Ihre Freundesliste auf
Maina Maina ist weiblich
Pseudomitglied


Dabei seit: 20.04.2006
Beiträge: 7.655
Herkunft: Kreuzberg

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von AnnSo
mach die bilder doch mal nen tick kleiner. so wies aussieht, sind sie zu groß.


Bevor sie alle Bilder verkleinert (aufwendig! :o) kann sie doch genauso gut diese Stelle im Code verändern

rahmenBreite = 480; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 320; // die höhe des rahmens ist gleich die höhe des bildes
12.08.2010 13:33 Maina ist offline Beiträge von Maina suchen Nehmen Sie Maina in Ihre Freundesliste auf
Julia712 Julia712 ist weiblich
Mitglied


images/avatars/avatar-48505.png

Dabei seit: 28.11.2006
Beiträge: 2.262

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich glaube, dass das daran liegt, dass die Gesamtbreite Die Breite des Bildes + 40px ist...
Das wird in Zeile 57 festgelegt:
code:
1:
+(rahmenBreite+40)+";


Ich kann dir nur nicht sagen, ob du die 40 da jetzt einfach rausnehmen kannst, oder ob es dann mit dem Rücken der Fotos Probleme gibt Augenzwinkern


Lg Julia
13.08.2010 13:32 Julia712 ist offline Beiträge von Julia712 suchen Nehmen Sie Julia712 in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Bilderwechsel nicht richtig im DIV

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH