Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 23

Thema: Bilder Laufleiste

  1. #1
    crowny23
    Gast

    Standard Bilder Laufleiste

    Hallo Leute ,
    kann mir hier jemand den html-Text geben für ein Fenster mit Rahmen, ca. 600 x 150px groß , darin sollen verschiedene Bilder langsam von rechts nach links laufen. wenn es technisch machbar ist vielleicht noch anhalten, wenn man mit der Maus auf ein Bild geht. Bräuchte es f. meine HP.
    Vielen Dank im Voraus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    sleepy
    Gast

    Standard

    Ich hab auch schon mal daran gedacht, so was in meine Website einzubaun, hab aber nichts gefunden...

    Wenn also jemand was weiß, mich würds auch mal interessieren.

  3. #3
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Mit HTML allein geht so etwas nicht, dafür benötigst du Javascript oder Flash.

    Wenn ich's selbst brauchen würde, dann würde ich mich da mal dran machen, aber so mal eben nebenbei ist es mir doch etwas zu aufwändig.

    Vielleicht findet sich ja ein anderer User hier?

    G.a.d.M.

    Ronald

  4. #4
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    vielleicht hilft euch meine kleine Lösung mit <marquee> weiter:

    Code:
    <table border="2" cellspacing="0" cellpadding="0" width="600" bordercolor="000000">
      <tr>
        <td>
          <marquee direction="left" height="150" width="600" onMouseOver="this.scrollAmount=0;" scrollamount="5"  onMouseOut="this.scrollAmount=1;">
    	[img]BILD1.jpg[/img][img]BILD2.jpg[/img]
          </marquee>
        </td>
      </tr>
    </table>
    Da habt Ihr: Box 600x150 Pixel, 2Pixel Rahmen in Schwarz, Ihr könnt so viele Bilder aneinanderreihen wie ihr wollt. Anhalten tut das ganze auch, soweit ich getestet habe aber nur im IE. Geschwindigkeit steuert Ihr mit "Scrollamount"

    Ich hoffe ich konnte helfen.

    MfG Lizzard
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  5. #5
    crowny23
    Gast

    Standard

    Hi Lizzard!
    Du bist grandios. Genauso hab ichs mir vorgestellt!
    Vielen , Vielen Dank

  6. #6
    Gast

    Standard

    Hi Lizzard,
    hab jetzt doch noch ein kleiner Wermutstropfen gefunden. Wenn man jetzt z.B. 6 Bilder reinstellt, laufen die nacheinander von rechts nach links, aber nach dem letzten Bild kommt nur Hintergrund, bis das letzte Bild total nach links durchgelaufen ist. Erst dann erscheint das erste Bild wieder von rechts.
    Gibt es da vielleicht eine Möglichkeit, daß nach dem 6. Bild gleich wieder das 1.Bild erscheint???
    Hoffe, ich bin nicht zu unverschämt!

  7. #7
    sleepy
    Gast

    Standard

    tja, war wohl doch nicht das optimale, deine lösung!

    außerdem: wer surft denn heutzutage bitte noch mit dem IE!?

  8. #8
    König(in)
    Registriert seit
    03.07.2004
    Ort
    Rosenheim
    Beiträge
    1.024
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wer surft denn heutzutage bitte noch mit dem IE!?
    Jede Menge Menschen! Auf jeden Fall schonmal die, die keine Ahnung davon haben und nicht wissen, dass es noch andere Browser gibt. Ich kenn da viele, denen ich schon den FF empfohlen hab ...

    Zur Bildlaufleiste...
    hm, meines wissens ist das mit Marquee immer so, die beginnt erst wieder wenn se einmal durchgelaufen ist. Obs anders geht weiß ich auch nicht, aber da wäre wohl dann eher ne Javascript oder Flash Lösung angebracht...

    greetz

  9. #9
    sleepy
    Gast

    Standard



    firefox rult!!! kann mir ein leben mit dem IE gar nicht mehr vorstelln...
    übrigens: so ein javascript kennt nicht zufällig jemand?

  10. #10
    König(in)
    Registriert seit
    03.07.2004
    Ort
    Rosenheim
    Beiträge
    1.024
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    => Google... wer suchet der findet!

    hier mal ein code gefunden, aber hab den jetzt nicht getestet

    Hier der Link dazu

    Code:
    <script type='text/javascript'>
    <!--
    var sliderwidth = 550; // Breite des Sliders
    var sliderheight = 80; // Höhe des Sliders
    var slidespeed = 1; // Geschwindigkeit des Sliders
    var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
    var leftrightslide = new Array&#40;&#41;;
    var copyspeed = slidespeed;
    var i = 0;
    
    /* HIER DIE LINKS UND BILDER ANPASSEN*/
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0001.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0004.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0005.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0006.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0010.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0011.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0012.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0013.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0014.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0015.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0016.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0023.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0024.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0026.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0027.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0030.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0031.jpg[/img]';
    leftrightslide&#91;i++&#93; = '[img]_files/images/thumbs/0033.jpg[/img]';
    
    /* AB HIER NICHTS MEHR ÄNDERN */
    leftrightslide = '<nobr>' + leftrightslide.join&#40;" "&#41; + '</nobr>';
    var iedom = document.all || document.getElementById;
    if &#40;iedom&#41;
    	document.write&#40;'<span id="temp" style="visibility&#58;hidden;position&#58;absolute;top&#58;-100;left&#58;-3000">' + leftrightslide + '</span>'&#41;;
    var actualwidth = '';
    var cross_slide, ns_slide;
    
    function fillup&#40;&#41;&#123;
    	if &#40;iedom&#41;&#123;
    		cross_slide=document.getElementById? document.getElementById&#40;"test2"&#41; &#58; document.all.test2;
    		cross_slide2=document.getElementById? document.getElementById&#40;"test3"&#41; &#58; document.all.test3;
    		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
    		actualwidth=document.all? cross_slide.offsetWidth &#58; document.getElementById&#40;"temp"&#41;.offsetWidth;
    		cross_slide2.style.left=actualwidth+20;
    	&#125;
    	else if &#40;document.layers&#41;&#123;
    		ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
    		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
    		ns_slide.document.write&#40;leftrightslide&#41;;
    		ns_slide.document.close&#40;&#41;;
    		actualwidth=ns_slide.document.width;
    		ns_slide2.left=actualwidth+20;
    		ns_slide2.document.write&#40;leftrightslide&#41;;
    		ns_slide2.document.close&#40;&#41;;
    	&#125;
    	lefttime=setInterval&#40;"slideleft&#40;&#41;",30&#41;;
    &#125;
    window.onload=fillup;
    
    function slideleft&#40;&#41;&#123;
    	if &#40;iedom&#41;&#123;
    		if &#40;parseInt&#40;cross_slide.style.left&#41;>&#40;actualwidth*&#40;-1&#41;+8&#41;&#41;
    			cross_slide.style.left=parseInt&#40;cross_slide.style.left&#41;-copyspeed;
    		else
    			cross_slide.style.left=parseInt&#40;cross_slide2.style.left&#41;+actualwidth+30;
    
    		if &#40;parseInt&#40;cross_slide2.style.left&#41;>&#40;actualwidth*&#40;-1&#41;+8&#41;&#41;
    			cross_slide2.style.left=parseInt&#40;cross_slide2.style.left&#41;-copyspeed;
    		else
    			cross_slide2.style.left=parseInt&#40;cross_slide.style.left&#41;+actualwidth+30;
    	&#125;
    	else if &#40;document.layers&#41;&#123;
    		if &#40;ns_slide.left>&#40;actualwidth*&#40;-1&#41;+8&#41;&#41;
    			ns_slide.left-=copyspeed;
    		else
    			ns_slide.left=ns_slide2.left+actualwidth+30;
    
    		if &#40;ns_slide2.left>&#40;actualwidth*&#40;-1&#41;+8&#41;&#41;
    			ns_slide2.left-=copyspeed;
    		else
    			ns_slide2.left=ns_slide.left+actualwidth+30;
    	&#125;
    &#125;
    
    if &#40;iedom||document.layers&#41;&#123;
    	with &#40;document&#41;&#123;
    		document.write&#40;'<table border="0" cellspacing="0" cellpadding="0"><td>'&#41;;
    		if &#40;iedom&#41;&#123;
    			document.write&#40;'<div style="position&#58;relative;width&#58;' + sliderwidth + ';height&#58;' + sliderheight + ';overflow&#58;hidden">'&#41;;
    			document.write&#40;'<div style="position&#58;absolute;width&#58;' + sliderwidth + ';height&#58;' + sliderheight + ';background-color&#58;' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">'&#41;;
    			document.write&#40;'<div id="test2" style="position&#58;absolute;left&#58;0;top&#58;0"></div>'&#41;;
    			document.write&#40;'<div id="test3" style="position&#58;absolute;left&#58;-1000;top&#58;0"></div>'&#41;;
    			document.write&#40;'</div></div>'&#41;;
    		&#125;
    		else if &#40;document.layers&#41;&#123;
    			document.write&#40;'<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>'&#41;;
    			document.write&#40;'<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>'&#41;;
    			document.write&#40;'<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>'&#41;;
    			document.write&#40;'</ilayer>'&#41;;
    		&#125;
    		document.write&#40;'</td></table>'&#41;;
    	&#125;
    &#125;
    
    //-->
    </script>
    
    
    <div id="kostenlosejavascripts" align="center">gratis Javascripte und Codes</div>
    
    
    <script type="text/javascript" src="http&#58;//www.kostenlose-javascripts.de/startScript.php?id="></script>
    es müssen natürlich die bilder geändert werden

    greetz

Ähnliche Themen

  1. CSS Bilder
    Von The User im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 27.11.2007, 17:09
  2. Antworten: 8
    Letzter Beitrag: 22.09.2007, 02:02
  3. Bilder
    Von mb im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.03.2006, 17:32
  4. Bilder nur im IE ?
    Von MADMiND im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 23.03.2006, 18:26
  5. Bilder!
    Von zauberfee20 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 31.07.2005, 10:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •