Anzeige

Bild soll sich nach Aktualisierung oder nach 20sec. ändern!

Bild soll sich nach Aktualisierung oder nach 20sec. ändern! | PSD-Tutorials.de

Erstellt von Daniel_Knecht, 10.08.2006.

  1. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Bild soll sich nach Aktualisierung oder nach 20sec. ändern!
    Hallo,

    Kann mir jemand sasgen wie ich auf meiner Page das so mache das sich das Bilder über der News (www.moddeling.de.vu) alle 20sec. ändert oder nach der Aktualisierung sich ändert? Ich möchte hier KEIN php verwänden und nur wenn es wirklich nicht per html geht dann javascript. Ich hoffe ihr könnt mir helfen.

    Gruß Daniel
     
    #1      
  2. emonem

    emonem Guest

    Bild soll sich nach Aktualisierung oder nach 20sec. ändern!
    Hi,
    den banner kannst du mit einem timeout refreshen.
    [php:1:32151b9856]<script language="Javascript">

    var actbann=1;
    ja1=new Image()
    ja1.src="1.gif";
    ja2=new Image()
    ja2.src="2.gif";

    function exchange() {
    if (actbann==1)
    {
    document.images["banner"].src=ja2.src;
    actbann=2;
    }
    else
    {
    document.images["banner"].src=ja1.src;
    actbann=1;
    }
    setTimeout("exchange()",5000);

    }

    function go() {
    if (actbann==1)
    {
    url="1.htm";
    }
    else
    {
    url="2.htm";
    }
    Jaaa=open(url,"Titel");
    </script>
    [/php:1:32151b9856]
     
    #2      
  3. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Bild soll sich nach Aktualisierung oder nach 20sec. ändern!
    Das was du da rot gemacht hast muss ich durch mein zeug ersetzen oder? Danke schonmal.

    EDIT: ich hab das jetzt über die Javascript Konsole bei Adobe GoLive CS2 gemacht aber ihrgentwie geht das net!
     
    #3      
  4. Quaese

    Quaese Noch nicht viel geschrieben

    Dabei seit:
    18.06.2006
    Beiträge:
    31
    Bild soll sich nach Aktualisierung oder nach 20sec. ändern!
    Hi,

    gib dem IMG-Tag über den News zuerst eine ID, über welche das Bild später angesprochen werden kann.
    Code (Text):
    1. [img]POTM/Render-Scene.png[/img]
    Im Header des Dokuments erstellst Du einen Script-Bereich. Dort gibst Du in einem Array (arrBilder) die Grafiken an, die zum Tauschen verwendet werden sollen. Ausserdem kannst Du die Sekunden zwischen den Wechseln angeben (intSekunden, hier 5 Sekunden) und die ID des IMG-Tags, das die rotierenden Bilder enthält (strID, hier "rotID").
    Code (Text):
    1. <script type="text/javascript">
    2.   <!--
    3. // Sekunden zwischen den Wechseln
    4. var intSekunden = 5;
    5. // ID des IMG-Tags, das rotierende Bilder enthält
    6. var strID       = "rotID";
    7. // Array, das die Bilder enthält, die gewechselt werden
    8. var arrBilder   = new Array("bild.jpg",  
    9.                             "bild1.jpg",
    10.                             "bild2.jpg",
    11.                             "bild3.jpg",
    12.                             "bild4.jpg",
    13.                             "bild5.jpg");
    14.  
    15. var hTimer;
    16.  
    17. function rotateImg(){
    18.   var intRnd = Math.round(Math.random()*1000)%arrBilder.length;
    19.   document.getElementById(strID).src=arrBilder[intRnd];
    20.   hTimer = window.setTimeout("rotateImg()", intSekunden*1000);
    21. }
    22.  
    23. window.onload = function(){
    24.   window.setTimeout("rotateImg()", intSekunden*1000);
    25. }
    26.  //-->
    27. </script>
    Vielleicht hilft Dir das weiter.

    Ciao
    Quaese
     
    #4      
  5. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Bild soll sich nach Aktualisierung oder nach 20sec. ändern!
    ich hab so ein scipt hier, aber da ist die Animation immer ganz oben auf der Page und nicht in dem roten kästchen wo sie eigentlich sein soll.

    Code (Text):
    1. <td rowspan="4"><body></body>[img]http://www.web-space.tv/daniel-knecht/POTM/Render-Scene.png[/img]
    2. <script type="text/javascript">
    3. var b = new Array();
    4. b[0] = new Image(); b[0].src = "POTM/Render-Scene2.png";
    5. b[1] = new Image(); b[1].src = "POTM/Render-Scene.png";
    6. var i = 0;
    7. function Animation () {
    8.   if (i > 1)
    9.     i = 0;
    10.   document.images[0].src = b[i].src;
    11.   i = i + 1;
    12.   window.setTimeout("Animation()", 10000);
    13. }
    14.  
    15. window.setTimeout("Animation()", 10000);
    16. </script>
    17. </td></body>
     
    #5      
x
×
×