beispiel nachbauen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • beispiel nachbauen

    hallo gemeinschaft

    möchte gerne diese bsp einbinden http://zendold.lojcomm.com.br/icarousel/example3.asp#

    und habe diesen code eingefügt

    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <
    html>
    <
    head>
    <
    title>Unbenanntes Dokument</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    style type="text/css">
    /* example_3 css */
    #example_3 {
    positionrelative/* important */
    overflowhidden/* important */
    width470px/* important */
    height86px/* important */
    margin0 85px;
    background#000;
    }

    #example_3_frame {position: relative}
    #example_3_previous {float: left;}
    #example_3_next {float: right;}
    #example_3_content {
    positionabsolute;
    top0;
    margin-left20px;
    }

    #example_3_content
    #example_3_content li {
    list-stylenone;
    margin0;
    padding0;
    }
    #example_3_content {
    width5418px;
    }
    #container_bd #example_3 ul li {
    displayblock;
    floatleft;
    margin5px;
    padding5px;
    border1px solid #666;
    background-color#000;
    }

    #container_bd #example_3 ul li img {
    displayblock;
    }




    </
    style>
    <
    script>
    window.addEvent("domready", function() {
    new 
    iCarousel("example_3_content", {
    idPrevious"example_3_previous",
    idNext"example_3_next",
    idToggle"undefined",
    item: {
    klass"example_3_item",
    size86
    },
    animation: {
    duration1000,
    amount4
    }
    });
    });
    </
    script>
    </
    head>

    <
    body>
    <
    h3>IIIHorizontal images scroller</h3>
    <
    div id="example_3">
    <
    ul id="example_3_content">
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/1.jpg" alt="flower 1" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/2.jpg" alt="flower 2" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/3.jpg" alt="flower 3" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/4.jpg" alt="flower 4" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/5.jpg" alt="flower 5" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/6.jpg" alt="flower 6" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/7.jpg" alt="flower 7" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/8.jpg" alt="flower 8" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/9.jpg" alt="flower 9" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/A.jpg" alt="flower A" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/B.jpg" alt="flower B" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/C.jpg" alt="flower C" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/D.jpg" alt="flower D" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/E.jpg" alt="flower E" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/F.jpg" alt="flower F" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/G.jpg" alt="flower G" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/H.jpg" alt="flower H" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/I.jpg" alt="flower I" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/J.jpg" alt="flower J" /></a></li>
    <
    li class="example_3_item"><a href="#"><img src="images/flowers/K.jpg" alt="flower K" /></a></li>
    </
    ul>
    <
    div id="example_3_frame">
    <
    img id="example_3_previous" src="images/ex3_previous.gif" alt="move previous" />
    <
    img id="example_3_next" src="images/ex3_next.gif" alt="move next" />
    </
    div>
    </
    div>

    </
    body>
    </
    html
    script funzt aber nicht - könnt ihr mir bitte sagen, was ich falsch gemacht habe

  • #2
    Ohne das getestet zu haben: Vergisst du nicht irgendwo, ein paar externe JavaScript-Dateien einzubinden?

    Kommentar


    • #3
      script funzt aber nicht - könnt ihr mir bitte sagen, was ich falsch gemacht habe
      Lernen wirst du es nie, oder? Sorry, so kann man dir nicht angemessen helfen.

      Kommentar


      • #4
        Naja, es ist nicht nur sein Fehler, wenn die das auf der Seite so als Beispiel hinstellen...

        Kommentar


        • #5
          Original geschrieben von jmc
          Naja, es ist nicht nur sein Fehler, wenn die das auf der Seite so als Beispiel hinstellen...
          ... und man alles blind kopiert, braucht man sich nun wirklich nicht wundern!

          Und wenn man dann auch noch ein funktionierendes Beispiel auf eben der selben Seite sieht, könnte man doch mal auf die simple Idee kommen, in den Quelltext zu gucken.

          Also sorry, aber das ist mal wieder typisch!
          EDIT:
          Und jetzt der Höhepunkt: Es WIRD alles ausführlich beschrieben: http://zendold.lojcomm.com.br/icarousel/#selflink_usage

          Soviel dann zu jhausteins Verteidigung...

          Zuletzt geändert von TobiaZ; 24.08.2008, 20:20.

          Kommentar


          • #6
            Ok, Tobiaz, überzeugt.
            Ich dachte nur wenn man erst 10 Jahre alt ist oder so und gerade ganz am Anfang steht weiss man das noch nicht

            Kommentar


            • #7
              OffTopic:
              Dann hätte er ja mit vier Jahren angefangen. Naja, in den letzten 6 Jahren ist dennoch nicht viel passiert.

              Kommentar

              Lädt...
              X