Ergebnis 1 bis 8 von 8

Thema: Der gewünschte effeckt, mag bei mir nicht klappen

  1. #1
    HTML Newbie
    Registriert seit
    16.11.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Der gewünschte effeckt, mag bei mir nicht klappen

    Ich möchte gleich sagen, ich bin kein Profi

    Ich habe gestern im Internet etwas gefunden iCarousel - Simple news ticker (Mal Top und Bottom klicken, für den effeckt, den ich auch haben mag)
    Da es in ein Forum soll, habe ich es in eine tabelle gesetzt und werde nur den codschnippsel zeigen, der zu diesen teil des Forum gehört und später eingesetzt wird.
    Mein Problem besteht darin, das ich es zwar so hinbekommen habe es ein zu fügen, aber der effeckt der IV. Vertical images scroller funktioniert nicht Da ich es euch nicht per link auf eine seite zeigen kann, werde ich den code schnippsel so wie ich ihn habe jetzt mal zeigen (Bilder werden später ersetzt ^^ ):

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="UTF-8">
    <head>
    <title>Zellen spalten- und zeilenweise zugleich verbinden</title>
        
    <script type="text/javascript">
    
    window.addEvent("domready", function() {
        //new Accordion($$(".accordion_toggler"), $$(".accordion_content"));
    
        dp.SyntaxHighlighter.HighlightAll("usage");
    
        new iCarousel("example_4_content", {
            idPrevious: "example_4_previous",
            idNext: "example_4_next",
            idToggle: "undefined",
            item: {
                klass: "example_4_item",
                size: 86
            },
            animation: {
                direction: "top",
                duration: 250,
                amount: 1
            }
        });
    });
    
    </script>
    <style type="text/css">
    
    #example_4 {
        position: relative; /* important */
        overflow: hidden; /* important */
        width: 172px; /* important */
        height: 212px; /* important */
        background: #000;
    }
    
    #example_4_frame {position: relative}
    #example_4_frame img {position: absolute;}
    #example_4_previous {top: 0; left: 0;}
    #example_4_next {top: 192px; left: 0;}
    
    #example_4_content {
        position: absolute;
        margin-top: 20px;
        left: 0;
    }
    
    .example_4_item img {
        display: block;
        float: left;
        margin: 5px;
        padding: 5px;
        border: 1px solid #666;
        background-color: #000;
    }
    
    </style>
    </head>
    <body>
    
    <table border="0">
      <tr>
        <td>Vom eigenen Computer hochladen:</td>
        <td><input type="file" name="avatar_upload"  class="inputbox" id="avatar_upload" onChange="if(this.value)  document.getElementById('avatar_url').value='';"></td>
        <th rowspan="3">
        </br>
        <div id="example_4">
            <div id="example_4_content">
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/1.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/2.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/3.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/4.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/5.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/6.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/7.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/8.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/9.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/A.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/B.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/C.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/D.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/E.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/F.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/G.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/H.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/I.jpg"  alt="flower 2" /></a>
                </div>
                <div class="example_4_item">
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/J.jpg"  alt="flower 1" /></a>
                    <a href="#"><img  src="http://zendold.lojcomm.com.br/icarousel/images/flowers/K.jpg"  alt="flower 2" /></a>
                </div>
            </div>
            <div id="example_4_frame">
                <img id="example_4_previous"  src="http://zendold.lojcomm.com.br/icarousel/images/ex4_previous.gif"  alt="move previous" />
                <img id="example_4_next" src="http://zendold.lojcomm.com.br/icarousel/images/ex4_next.gif" alt="move next" />
            </div>
        </div>
        </br>
        </th>
      </tr>
      <!-- usw. andere Zeilen der Tabelle -->
        <tr>
        <td>Internet-Adresse verwenden:</td>
        <td><input type="text"  name="userimg" class="inputbox"  value="{{portrait}}" id="avatar_url" onChange="if(this.value)  document.getElementById('avatar_upload').value='';"></td>
      </tr>
      <!-- usw. andere Zeilen der Tabelle -->
        <tr>
        <td></td>
        <td><input type="submit" value="Speichern" name="edit_again" class="button1" ></td>
      </tr>
      <!-- usw. andere Zeilen der Tabelle -->
    </table>
    </body>
    </html>
    Bei mir mag irgentwie der scrolleffeckt, wie auf der seite link oben, nicht funktionieren

    Es were nett, wen ihr mir da helfen könntet Danke schon mal

    Anhang: Wen es fungtionieren sollte, könnte man dan, wen man auf ein bild klickt, das der bildlink, im 2 inputfeld erscheint, könnte man das auch so machen ? were nett für tips und trix
    html anfänger, js anfänger, css anfänger
    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
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    ja dann binde doch einfach mal mootools ein.. ich bin sicher, dass es dann fruchtet...

    wenn man nen script nutzen möchte was auf ne lib oder nen framework aufbaut, ergibt es immer sinn dann entsprechendes auch einzubauen
    Geändert von synaptic (16.11.2010 um 20:06 Uhr)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    16.11.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    Also ich habe jetzt erstmal das eingefügt mit oben:

    <script type="text/javascript" src="http://zendold.lojcomm.com.br/common/js/mootools.v1.1.js"></script>

    es geht immernoch nicht

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    ja dann musste geduld mitbringen.. für ne richtige recherche fehlt mir heut abend die zeit..
    es sei denn du kommst nach wehrheim, wäschst wäsche, machst mein abendessen und programmierst mein anmeldeformular zu ende, dann hab ich zeit zum durchforsten deiner coderei

    sry
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    16.11.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    Also zu dir kommen werde ich nicht, aber in meinen Gedanken, bin ich bei dir und schaue dir zu hahaha ne spaß bei seite XD (... Were kein problem ...wäschst wäsche, machst mein abendessen ...) XD

    Es muss ja auch nicht heute sein, aber es würde mich schon sehr freuen, wen es irgenwann mal zum laufen kommt >.< Aber es freut mich, das gezeigt wird, das intresse besteht danke schon mal

  6. #6
    Unregistriert
    Gast

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    Ich habe es herrausgefunden es fehlten noch andere bestimmte js

    nun habe ich aber noch eine frage und zwar, wie bekomme ich das hin, das wen ich auf ein bild klicke, der bildlink in einer inputbox erscheint ?

  7. #7
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    Prinzip:

    HTML-Code:
    <script>
    function img_clicked(id) {
      var src = document.getElementById(id).getAttribute('src');
      document.getElementById('link_text').innerHTML = '<a href="' + src + '">Bildlink</a>';
    }
    </script>
    
    <img id="my_id" onclick="javascript:img_clicked('my_id')" src="img.jpg" />
    <textarea id="link_text">
    
    </textarea>

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    16.11.2010
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Der gewünschte effeckt, mag bei mir nicht klappen

    vielen dank für die antwort >.< danke

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 14.10.2010, 20:38
  2. Webcam funzt nicht mehr (angebl. Grund: Bluetooth Videodienst nicht aktiv)
    Von Elbpirat im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 01.03.2010, 11:02
  3. Ich bekomms nicht hin, bilder werden iwie nicht angezeigt
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 21.01.2010, 21:10
  4. PHP Mail bekommt UTF-8 nicht hin, finde meinen Fehler nicht
    Von MyXoToD im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 09.01.2010, 22:51
  5. Antworten: 6
    Letzter Beitrag: 12.09.2009, 21:02

Stichworte

Berechtigungen

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