[JavaScript] CMotion Image Scroller Frage

Dieses Thema im Forum "Webentwicklung" wurde erstellt von s1nu, 8. Juni 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 8. Juni 2010
    CMotion Image Scroller Frage

    hey Leute, da mir hier immer gut geholfen wird, stelle ich auch diesmal meine Frage.

    Ich möchte gerne einen Image Scroller in meine Webseite einbauen. Dazu habe ich mir den Folgenden ausgewählt:

    *klick*

    Dieser gefällt mir sehr gut! Nun zu meinem Problem:

    Wenn ich die Bilder durch meine austausche, dann sehr ich zwar meine Pics in der Entwurfansicht von DW, aber sobald ich mir die Vorschau ansehe, ist nur noch die Hintergrundgrafik zu sehen. Jetzt weiß ich irgendwie nicht mehr weiter! Vielleicht kann mir jemand helfen. Nachfolgend mein Sourcecode:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Galerie</title>
    <style type="text/css">
    <!--
    body {
     background-color: #383838;
     background-image: url(images/galerie_bild_iframe.jpg);
     background-repeat: no-repeat;
    }
    </style>
    
    <style type="text/css">
    <!--
    a:link {
     text-decoration: none;
    }
    a:visited {
     text-decoration: none;
    }
    a:hover {
     text-decoration: none;
    }
    a:active {
     text-decoration: none;
    }
    -->
    </style><link rel="stylesheet" type="text/css" href="gallerystyle.css" />
     
    <!-- Do not edit IE conditional style below -->
    <!--[if gte IE 5.5]>
    <style type="text/css">
    #motioncontainer {
    width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
    }
    </style>
    <![endif]-->
    <!-- End Conditional Style -->
    
    <script type="text/javascript" src="motiongallery.js">
    
    /***********************************************
    * CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    * Modified by Jscheuer1 for autowidth and optional starting positions
    ***********************************************/
    
    </script></head>
    
    <body><div id="motioncontainer" style="position:relative;overflow:hidden;">
    <div id="motiongallery" style="position:absolute; left:5px; top:171px; white-space: nowrap;">
    
    <nobr id="trueContainer"><a href="javascript:enlargeimage('images/pic/bild1.jpg')"><img src="images/pics/bild1.jpg" border=1></a> <a href="javascript:enlargeimage('images/pics/bild2.jpg', 300, 300)"><img src="images/pics/bild2.jpg" border=1></a> <a href="#"><img src="images/pics/bild3.jpg" border=1></a> <a href="#"><img src="images/pics/bild4.jpg" border=1></a> <a href="#"><img src="images/pics/bild5.jpg" border=1></a> <a href="#"><img src="images/pics/bild6.jpg" border=1></a> <a href="#"><img src="images/pics/bild7.jpg" border=1></a> <a href="#"><img src="images/pics/bild8.jpg" border=1></a> <a href="#"><img src="images/pics/bild9.jpg" border=1></a></nobr></div>
    </div>
    </body>
    
    </html>
    
    Vielleicht weiß jemand Rat.
     
  2. 8. Juni 2010
    AW: CMotion Image Scroller Frage

    Hast du mal versucht die Datei ohne DW zu testen? Teste mal das eigentliche Script mit den Originalbildern direkt in DW oder hast das schon?


    Grüße
     
  3. 8. Juni 2010
    AW: CMotion Image Scroller Frage

    zeig mal deine umsetzung als demo..

    ansonsten würde ich die für sowas jcarousel empfehlen
     
  4. 9. Juni 2010
    AW: CMotion Image Scroller Frage

    naja es soll in diesen iframe passen

    http://brp-edv.net/pkoller/web_matura/home.html

    -> galerie

    würde gerne unten einen scrollenen bilderbalken machen wie im obigen link, halt etwas kleiner umd dann darüber das bild etwas größer darzustellen und wenn man das große bild anklickt, sollte ein neues fenster aufgehen wo das bild drinn ist!
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.