[JavaScript] Diashow bei onmouseover

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Dayjay, 25. Januar 2009 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 25. Januar 2009
    Diashow bei onmouseover

    Hallo,

    ich hab was Javascript angeht wenig Ahnung.

    Jetzt habe ich ein Bild.
    Wenn ich da mit der Maus drübergehe soll er bestimmte andere Bilder anzeigen (bild.jpg, bild2.jpg etc.).
    Ich möchte das aber so haben das wenn Javascript deaktiviert ist, das das normale Bild angezeigt wird.
    Optional währe noch ein schöner Übergangseffekt.

    Kann mir jemand helfen?

    Grüße
     
  2. 25. Januar 2009
    AW: Diashow bei onmouseover

    Bedankt :angry: ^^

    Das versteh ich nit so ganz.. Möchtest du, dass das Bild über dem man mit der Maus ist angezeigt wird, wenn JavaScript aus ist und ansonsten eine Diashow oder möchtest du einfach nur, dass das Bild grundsätzlich angezeigt wird, wenn JavaScript aus ist oO?
     
  3. 25. Januar 2009
    AW: Diashow bei onmouseover

    Also:

    Man kommt auf die Seite und ein Bild ist zusehen. (egal ob javascript an oder aus, keine Diashow es ist ein ganz normales Bild).
    Wenn ich jetzt mit der Maus darüber gehe startet die Diashow (wenn javascript an ist). Wenn es aus ist und ich gehe mit der Maus darüber passiert nichts (logisch javascript kann ja nicht ausgeführt werden). Das Bild ist die ganze Zeit zu sehen.
     
  4. 29. Januar 2009
    AW: Diashow bei onmouseover

    Also das das Bild auch angezeigt wird wen js deaktiviert ist ist kein Problem und passiert von ganz alleine. Da du ja das BIld in deinem html Code hast und diesen Bereich dann mit js ansprichst. Also Bilder sind immer da und wenn js aktiviert machen sie halt auch noch die lustigen sachen die du ihnen sagst.
     
  5. 29. Januar 2009
    Hab hier mal schnell was gebastellt. Hat aber kein übergangseffekt... hatte ich keine lust drauf.

    HTML:
    <html>
     <head>
     <title>Diashow</title>
     <script type="text/javascript">
     var images=new Array();
     images[0]=new Array();
     images[0][0]="bild.jpg"; images[0][1]="bild2.jpg"; images[0][2]="bild3.jpg";
     images[1]=new Array();
     images[1][0]="bild.jpg"; images[1][1]="bild2.jpg"; images[1][2]="bild3.jpg";
     var activePic=-1,imageFrame=0,speed=500; //speed=millisekunden die gewartet werden bis das nächste Bild angezeigt wird
     function startDiashow(){
     if(activePic!=-1){
     var mudo=images[activePic].length;
     document.getElementById(activePic).src=images[activePic][imageFrame];
     imageFrame=imageFrame+1;
     imageFrame%=mudo;
     window.setTimeout("startDiashow()",speed);
     }
     }
     
     function resetDiashow(){
     document.getElementById(activePic).src=images[activePic][0];
     imageFrame=0; activePic=-1;
     }
     
     </script>
     </head>
     <body>
     <img id="0" onMouseOver="activePic=parseInt(this.id); imageFrame=0; startDiashow();" onMouseOut="resetDiashow()" src="bild.jpg" width="128px" height="128px">
     <img id="1" onMouseOver="activePic=parseInt(this.id); imageFrame=0; startDiashow();" onMouseOut="resetDiashow()" src="bild.jpg" width="128px" height="128px">
     </body>
    </html>
    
    BW wäre nice!
    MFG Ralphwiggum
     
  6. 30. Januar 2009
    Wow THX!
    Bw haste.

    Den Übergangseffekt krieg ich schon irgendwie selber hin.
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.