Autor |
Nachricht |
Mrs.tinchen
Threadersteller
Dabei seit: 10.07.2003
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Do 26.08.2004 16:22
Titel java-script-tag für horizontales Scrollen |
|
|
Hallo:
Ich habe folgendes Problem: Ich hab mir von so nem Forum diesen Java-Script-Tag geholt um eine Bilderleister horizontal zu scrollen:
head:
Code: |
<script language="JavaScript">
a=300;
function scrollIt() {
document.getElementById('innen').style.left=a;
a-=5;
if(a<=-200) { a=300; }
setTimeout("scrollIt()", 100);
}
</script>
|
body:
Code: |
<div id="innen" style="position: relative; onload="scrollIt();"">
<a href="bilder/schmuck/ohrringe/ohrringe1.jpg" target="_blank"><img src="<img src="bilder/schmuck/ohrringe/ohrringe1.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe3.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe3.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe4.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe4.jpg" border="0"></a>
</div>
</div>
|
Leider funktioniert der Spass nicht und ich weiß einfach nicht was ich falsch gemacht habe - dazu kenne ich mich in der Materie zu wenig aus. Hat jemand von euch ne Ahnung oder weiß jemand nen anderen Tag ? (dann mit Beschreibung?)
danke schon mal
//EDIT by Sarky
Bitte Code-Tags verwenden
Zuletzt bearbeitet von Sarky am Do 26.08.2004 17:54, insgesamt 1-mal bearbeitet
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 26.08.2004 16:36
Titel
|
|
|
<div id="innen" style="position: relative; onload="scrollIt();"">
<div id="innen" style="position: relative;" onload="scrollIt();">
das anführungszeichen mus nach relative; sitzen, nicht am schluss.
wenjn's trotzdem net läuft -> mozilla, hat nen eingebauten javascript
debugger.
|
|
|
|
|
Anzeige
|
|
|
Mrs.tinchen
Threadersteller
Dabei seit: 10.07.2003
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Fr 27.08.2004 08:08
Titel
|
|
|
es funzt immer noch nicht, ich kriegs einfach nicht hin - das einzige was passiert ist, dass die bilder verlinkt sind und sie in nem neuen Fenster erscheinen - aber scrollen tut da jaaarnisch kann noch jemand helfen?
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 27.08.2004 08:21
Titel
|
|
|
dann packste dein onload attribut noch in den body tag weil nur
der darf onload ausführen und dann bewegt sich dein kram auch
|
|
|
|
|
Mrs.tinchen
Threadersteller
Dabei seit: 10.07.2003
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Fr 27.08.2004 08:32
Titel
|
|
|
dastef hat geschrieben: | dann packste dein onload attribut noch in den body tag weil nur
der darf onload ausführen und dann bewegt sich dein kram auch |
aber das ganze ist doch schon im Body - oder wie meinst du das? also der ganze code sieht so aus:
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
a=300;
function scrollIt() {
document.getElementById('innen').style.left=a;
a-=5;
if(a<=-200) { a=300; }
setTimeout("scrollIt()", 100);
}
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="css/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Stil2 {font-size: 12px}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="220" valign="top"><img src="bilder/produkte.jpg" width="220" height="111"></td>
<td width="582" background="bilder/hintergrund.jpg"><br> <table width="301" border="0" align="right" cellpadding="0" cellspacing="2">
<tr>
<td width="33"><a href="index2.html">Home</a></td>
<td width="5" class="normaltext">|</td>
<td width="64"><div align="center"><a href="philosophie.html">Philosophie</a></div></td>
<td class="normaltext">|</td>
<td><div align="center"><span class="normaltext"><a href="produkte.html">Produkte</a></span></div></td>
<td width="5" class="trennstrich"><div align="center" class="normaltext">|</div></td>
<td width="43"><div align="center"><a href="kontakt.html">Kontakt</a></div></td>
<td width="5" class="trennstrich"><div align="center" class="normaltext">|</div></td>
<td width="85"><div align="center"><a href="impressum.html">Impressum</a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><div align="center"></div></td>
<td> </td>
<td> </td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
</table>
<p><br>
</p></td>
</tr>
<tr>
<td colspan="2"><p align="center" class="normaltext"> </p>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="normaltext"><div id="außen"
style="position: absolute; top: 200px; left: 50px; height: 60px; width: 780px; clip:rect(auto 600px 60 auto);">
<div id="innen" style="position: relative;" onload="scrollIt();">
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe3.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe3.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe4.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe4.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
</div>
</div></td>
</tr>
</table>
<p align="center"><br>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="4" colspan="2"><img src="bilder/balken-unten.jpg" width="780" height="14"></td>
</tr>
<tr>
<td colspan="2" class="text-adresse"><div align="center">F</div></td>
</tr>
</table>
</body>
</html>
|
was muss ich da jetzt genau ändern? *keine-ahnung-von-javascript-hat*
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 27.08.2004 08:56
Titel
|
|
|
dazu muss man auch keine ahnung von javascript haben. man
sollte lediglich wissen was attribute und tags sind. und das sind
die basics von html. aber ich bin ja schon
<body> ... <div .. onload="scrollIt();">
änderste um in
<body onload="scrollIt();"> ... <div ..>
dann geht das auch.
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 30.08.2004 12:09
Titel
|
|
|
Funktioniert es jetzt, wenn das Script aufgerufen wird (onload)?
Da passt noch was nicht zusammen. Ich weiß aber nicht, ob das noch ein Problem ist.
Hier haben wir eine vollständige Bezeichnung mit URL. Aktuelle Browser sollten bei dieser Seite jetzt in den standardkompatiblen Modus geschaltet werden.
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> |
Und hier haben wir das Attribut language, das als deprecated eingestuft wird:
Code: | <script language="JavaScript"> |
Könnte mit gut vorstellen, daß das im standardkompatiblen Modus einfach ignoriert wird (müßte eigentlich). Und dann gibt es keine Angabe mehr, um welche Sprache es sich handelt. Möglicherweise macht der Browser deswegen nichts.
Ich hab's nicht getestet, vielleicht würde es trotzdem funktionieren, aber es ist auf jeden Fall so falsch.
Mach mal <script type="text/javascript"> daraus.
Was soll eigentlich der zweite Scriptteil mit dem Macromedia-Müll drin? Wenn die Funktionen nicht aufgerufen werden, dann kann der Mist auch rausgelöscht werden...
Zuletzt bearbeitet von rob am Mo 30.08.2004 12:11, insgesamt 1-mal bearbeitet
|
|
|
|
|
Mrs.tinchen
Threadersteller
Dabei seit: 10.07.2003
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 30.08.2004 12:45
Titel
|
|
|
es hat jetzt zwar funktioniert aber es war im Endeffekt nicht das was ich wirklich haben wollte. Ich habe jetzt aber ein anderes Script ausprobiert und das passt perfekt. ich habe es von http://www.setcookie.de
Das Ergebnis könnt ihr euch unter: http://www.zaunz.de/kunden/suppin/ohrringe.html (funktioniert nur im IE einwandfrei!)
Ich danke nochmal allen für ihre Hilfe!
Zuletzt bearbeitet von Mrs.tinchen am Mo 30.08.2004 12:45, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Automatisch scrollen via Ajax oder Java Script - aber wie?
Androidbrowser: Horizontales Scrollen
horizontales scrollen von bildern (css/hmtl)
Horizontales aufklappmenü mit Java/CSS
[java-script]rollover
Java Script für Filme im PDF
|
|