Endlose Schleife für die Laufbilder?

  • Ersteller SSK-Sonnenschutz
  • Erstellt am
S

SSK-Sonnenschutz

Guest
Hallo Ayom User

SSK-Sonnenschutzfolien

Wie Ihr alle sehen könnt Laufen bei mir auf der Seite Bilder. Mein Problem ist die Bilder fangen an zu laufen und enden wieder, ich benötige eine endlose Schleife. Da ich mich im Programmieren nicht so gut auskenne kriege ich es ohne fremde Hilfe nicht hin. Habt Ihr vielleicht ein Paar Vorschläge für mich ?

Update!
CODE <html>
<head>
<script language="JavaScript" type="text/javascript">
function rotate(mode)
{
 
 var sSpeed    = 2;
 var sWidth    = '160px';
 var sHeight   = '800px';
 var direction = 'down'; // up|down|left|right
 var splitter  = '<br>'; // <br>|
 var sElem  = document.getElementById('rotation');

 if(mode == 'stop')
 {
  sElem.scrollAmount = 0;
  return;
 }  
 else if(mode == 'start')
 {
  sElem.scrollAmount = sSpeed;
  return;
 }
 
 var rotations = new Array();
 rotations[27]  = '<img src=img/pic01.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[1]  = '<img src=img/pic02.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[2]  = '<img src=img/pic03.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[3]  = '<img src=img/pic04.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[4]  = '<img src=img/pic05.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[5]  = '<img src=img/pic06.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[6]  = '<img src=img/pic07.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[7]  = '<img src=img/pic08.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[8]  = '<img src=img/pic09.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[9]  = '<img src=img/pic10.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[10] = '<img src=img/pic11.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[11] = '<img src=img/pic12.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[12] = '<img src=img/pic13.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[13] = '<img src=img/pic14.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[14] = '<img src=img/pic15.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[15] = '<img src=img/pic16.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[16] = '<img src=img/pic17.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[17] = '<img src=img/pic18.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[18] = '<img src=img/pic19.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[19] = '<img src=img/pic20.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[20] = '<img src=img/pic21.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[21] = '<img src=img/pic22.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[22] = '<img src=img/pic23.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[23] = '<img src=img/pic24.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[24] = '<img src=img/pic25.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[25] = '<img src=img/pic26.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[26] = '<img src=img/pic27.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 rotations[0] = '<img src=img/pic28.jpg width=160 border=0 alt="Sonnenschutzfolie">'
 
 document.writeln('<marquee id="rotation" direction="'+ direction +'"></marque>');
 
 with(document.getElementById('rotation'))
 {  
  scrollAmount = sSpeed;
  style.width  = sWidth;
  style.height = sHeight;
 
  for(i=0; i<rotations.length;++i)
   innerHTML += rotations[i] + splitter;
 }
}
</script>
</head>
<body>
<script>rotate();</script>
</body>
</html>



Gruss Roman
 
Du solltest vielleicht mal ein paar mehr Infos dazuschreiben. Etwa die Datei mit dem PHP-Code von dieser Slideshow (die Bilder) und was für ein CMS das ist, bzw. Shop-System. XT-Commerce?
 
Da endet nichts.

Wenn unten das letzte Bild verschwunden ist, kommt oben wieder das erste.

Scheint eine grundsätzliche Einstellung des marquee - Elements zu sein - siehe den folgenden Codeschnipsel, der sich genauso benimmt:

CODE <div style='height:50px; '>
<marquee direction='down' height='150'>Eins<br/>zwei<br/>drei<br/>vier<br/>fünf<br/>sechs<br/>sieben<br/>acht<br/>neun<br/>zehn<br/>
</marquee>
</div>


Allerdings: Lies dir einmal diesen Artikel Ein Element aus dem Html-Gruselzoo - der marquee - Tag durch.

Schmeiß das am besten raus und setze die Bilder statisch rein.

@Denis: Steht doch alles im Beitrag.
 
QUOTE (jAuer @ So 4.01.2009, 16:36) @Denis: Steht doch alles im Beitrag.

Habe schon gesehen, wurde aber erst eingefügt, nachdem ich meinen Beitrag geschrieben habe
wink.gif
 
Hallo Roman,

ich habe mir die Seite angesehen und bin mir ziemlich sicher, daß Du Dir mit diesen Bilderwechseln überhaupt keinen Gefallen tust.

Die sich bewegenden Bilder ziehen die Augen geradezu weg beim Versuch die Texte (die mir auf der Startseite obendrein viel zu lang sind) zu lesen. Vergleiche einmal die Conversions- und Abbrecherraten jetzt, mit denen, wenn Du statische Bilder eingestellt hast.


Viel Erfolg!

Johannes
 
Hab jetzt eine Flash Animation eingefügt sieht für mich besser aus !

Vielen Dank für die Vorschläge.
biggrin.gif


Gruß
Roman
 
Hallo Ayom User
hab da noch ein problem gefunden:
Au meiner STARTSEITE heb ich in IE eine fehlermeldung (IE unten links) ich vermute das es wegen Flash animation ist
hier der
CODE <br>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','160','height','755','src','/Bilder_','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','/Bilder_' ); //end AC code
</script><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="160" height="755">
<param name="movie" value="/Bilder_.swf">
<param name="quality" value="high">
<embed src="/Bilder_.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="160" height="755"></embed>
</object>
</div>



Hat da von Euch einer eine Ahnung ?

Gruß
Roman
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben