Bilder-Schleife

A

aquaman

Grünschnabel
Moin, bin durch und durch ein Laie und habe so weit mein Photogallery-Index zusammenbasteln können.

link1 zeigt die komplette Ansicht.

Und hier ist der Iframe: Link2

Um endlich zum Abschluß zu kommen brauche ich noch unbedingt eine Schleife, Sprich: Bild links oder rechts raus und dann wieder auf der anderen Seite rein. So verläuft es sich nur. Zu guter letzt brauch ich noch ein Stopbutton.

Mein Schädel brummt schon, kann mir wer helfen?

Gruss aq;)
 
Abend liebe Gemeinde!

Versuche schon seit Stunden die Schleife zum Laufen zu bringen, mit Hilfe von dem Tread hier tutorials.de klappts auch nicht. Hier läuft alles senkrecht und ich schaff es nicht mal das Ding waagrecht laufen zu lassen und das ist erst das Übel.

Der Code ist bis auf die Schleife und dem Stopbuttom fertig, seht unten selbst, 9 Testbilder sind hier eingebunden. Den Rollover habe ich bisher nur für das erste Bild programmiert.
Für dieses eine Problem will ich jetzt nicht anfangen JC zu lernen, wäre sehr dankbar für eure Hilfe!
Hoffe hier kann mir wer helfen!

Help me, please!

Vielen dank schon mal!

aq;)


Eingebunden schaut das ganze wie folgt aus: Link

Code: 
<html>
<head>
<title> </title>

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script LANGUAGE="JavaScript">
<!--

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function init() {
if (ns4) Bild = document.BildDiv
if (ie4) Bild = BildDiv.style
Bild.xpos = parseInt(Bild.left)
Bild.active = false
}
function slide() {
 if (Bild.active) {
Bild.xpos += 2
Bild.left = Bild.xpos
setTimeout("slide()",35)
}
}
function slide1() {
 if (Bild.active) {
Bild.xpos += -2
Bild.left = Bild.xpos
setTimeout("slide1()",35)
}
}
//-->
</SCRIPT>

<script LANGUAGE="javascript" SRC="JSFX_TransRollovers.js" TYPE="text/javascript"></SCRIPT>
<script LANGUAGE="JavaScript">
<!--
        JSFX.Rollover("nature","01.jpg");
        JSFX.Rollover("screen1", "surf.jpg");

        JSFX.Rollover("music", "02.jpg");
        JSFX.Rollover("citys","03.jpg");
        JSFX.Rollover("sportz","04.jpg");
        JSFX.Rollover("monat","05.jpg");
        JSFX.Rollover("links","06.jpg");

//-->
</SCRIPT>


</head>

<body bgcolor="223657" link="#FFFFFF" vlink="#FFFFFF" alink="#FFffff" topmargin="0" leftmargin="0"  onLoad="var SymTmpWinOpen = window.open; window.open = SymWinOpen; init();Bild.active=true; slide(); return false;; window.open = SymTmpWinOpen;">
<!--   inhalt !-->
<table width="100%" height="75" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td>
    <br>
        <div id="unten" style="position:relative;z-index:805;left:-05px;top:+65px"><img src="film2.jpg" width="670" height="9" align="center"></div>
        <div id="oben" style="position:relative;z-index:805;left:-05px;top:-20px"><img src="film2.jpg" width="670" height="9" align="center"></div>

        <div id="BildDiv" style="position:relative;z-index:804;left:05px;top:-20px; width:10000px">

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>

        <a href="index3.html" onMouseOver="JSFX.transIn('nature');JSFX.transIn('screen','screen1');return false;" onMouseOut="JSFX.transOut('nature');JSFX.transOut('screen');return false;"><img alt="nature" src="31.jpg" width="90" hspace="3" height="67" name="nature" border="0" >
        </a>
</div>
    </td>
  </tr>
<tr>
<td>
 <A HREF="javascript:void(null)" onMouseOver="Bild.active=true; slide1(); return false;" onMouseOut="Bild .active=false"><img border="0" src="previous.gif" width="30" height="20"></a><font face="VERDANA,ARIAL,HELVETICA" color="#223657" size=2>||
</font><A HREF="javascript:void(null)" onMouseOver="Bild.active=true; slide(); return false;" onMouseOut="Bild .active=false"><img border="0" src="next.gif" width="30" height="20">
</a>
</td>
</tr>
</table>

<div id="ausgabe" style="position:relative;left:80;top:-23px">
<table width="100%" height="75" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <TD>
        <img alt="screen1" src="transparent.gif" width="500" hspace="3" height="70" name="screen" border="0" class="transFade">
    </td>
  </tr>
</table>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück