Seite 2 von 3 ErsteErste 123 LetzteLetzte
Ergebnis 16 bis 30 von 45
  1. #16
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    07-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Stimmt, gute Frage. Da ist mein Latein nun auch am Ende. Anna55 könnte hier sicher helfen, die ist in Sachen CSS ein Profi.
    Danke für die Blümchen. Gibt es das Werk auch in kompakter Form zum Nachschauen?


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  2. #17
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    Zitat Zitat von anna55 Beitrag anzeigen
    Danke für die Blümchen. Gibt es das Werk auch in kompakter Form zum Nachschauen?
    Hallo Anna,
    hier eine kleine Testsite.

    Zu dem Hover Problem habe ich noch einen Versuch dazugesetzt
    Zur Navigation über die Quadrate wollte ich 'onClick' auf das groß angezeigte Bild jeweils zum nächsten Bild weiter klicken.
    Müsste ich eine neue Funktion einfügen?

    Gruß
    Maggie

  3. #18
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    07-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Navigation zum Bildwechsel

    Hab mal geschaut, ob das Hoverproblem mit CSS in den Griff zu bekommen ist und festgestellt, Du muss hier im JS die Farbangabe rausnehmen und so schreiben:
    PHP-Code:
    document.getElementById('quadrat'+x).style.backgroundColor=''


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  4. #19
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    Zitat Zitat von anna55 Beitrag anzeigen
    Hab mal geschaut, ob das Hoverproblem mit CSS in den Griff zu bekommen ist und festgestellt, Du muss hier im JS die Farbangabe rausnehmen und so schreiben:
    PHP-Code:
    document.getElementById('quadrat'+x).style.backgroundColor=''
    Super! Herzlichen Dank!
    Maggie

  5. #20
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    Hallo!
    ich wage mich an die Erweiterung des JS test html.
    1. Navigation über die Quadrate (mit der function chgImg(no)
    2. Navigation auch über die angezeigten Bilder (es soll immer das nächste Bild angezeigt werden - Endlosschleife)
    Frage:
    Kann ich die 2. Navigation mit einem <a href="#" onClick="chgImg()"> auf das groß angezeigte Bild realisiert werden?
    Oder muss die bestehende Funktion mit mind. einer 2. Schleife erweitert werden?
    Danke für einen kleinen Hinsweis.
    Ich will danach versuchen es selbst hin zubekommen.

    Gruß
    Maggie

  6. #21
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Navigation zum Bildwechsel

    Japp kannst du, wenn ich dich richtig verstehe.
    Du willst doch, dass wenn jemand das große Bild anklickt, dass dann das nächste angezeigt wird oder? Dann kannst du die entsprechende Funktion hernehmen.

  7. #22
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Japp kannst du, wenn ich dich richtig verstehe.
    Du willst doch, dass wenn jemand das große Bild anklickt, dass dann das nächste angezeigt wird oder? Dann kannst du die entsprechende Funktion hernehmen.
    Hi ToM,
    zusätzlich zu der Navi mit den Quadraten soll die Navi auch über das Bild funktionieren.
    Mein Versuch die Funktion einfach zusätzlich beim ersten Bild dazu zu schreiben funktioniert natürlich nur beim ersten Bild.

    Deshalb die Frage ob es so überhaupt funktionieren kann.

    Gruß
    Maggie

  8. #23
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Navigation zum Bildwechsel

    Ja wie bereits geschrieben es funktioniert, du musst aber natürlich mit dem Bild auch die Funktion des onclick ändern.
    http://forum.jswelt.de/javascript/30...-zuweisen.html (mit javascript onclick event zuweisen)

  9. #24
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Japp kannst du, wenn ich dich richtig verstehe.
    Du willst doch, dass wenn jemand das große Bild anklickt, dass dann das nächste angezeigt wird oder? Dann kannst du die entsprechende Funktion hernehmen.

    docume
    onclick der id 'imgBild' (also dem großen Bild) wird die bilder nummer zugeordnet, die ja in der funktion mit ++ erhöht wird

    document.getElementById('imgBild').onclick = bilder[no];

    ist das so richtig gedacht?

    Maggie

  10. #25
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Navigation zum Bildwechsel

    Im großen Bild muss natürlich die Nummer des nächsten Bild übergeben werden, oder hab ich dich jetzt falsch verstanden?

  11. #26
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Im großen Bild muss natürlich die Nummer des nächsten Bild übergeben werden, oder hab ich dich jetzt falsch verstanden?
    ? hm, macht das nicht schon die for schleife?

  12. #27
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Navigation zum Bildwechsel

    Nö nicht wenn wir über die gleiche FOR-Schlaufe reden:
    Code:
    for (var x=1;x<4;x++) {
         document.getElementById('quadrat'+x).style.backgroundColor='#fff';
    }
    Alles was da gemacht wird ist die Kästl wieder einzuweißen.
    Die ID des nächsten Bildes übergibst du ja mit dem Funktionsaufruf innerhalb der Klammern.

  13. #28
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    ...muss ich für das Bild eine neue ID vergeben?
    document.getElementById('bildG'+x);
    und dann das Bild mit diesem div umschließen?
    <div id="bildG" onClick="chgImg(1)"> < /div>

    Gruß, Maggie

  14. #29
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Navigation zum Bildwechsel

    Nein brauchst du nicht,
    du hast doch bereits:
    Code:
    <div id="imgHolder">
      <img src="pics/bild1.jpg" id="imgBild" />
    </div>
    Das neue onclick-Event setzt du in den img-Tag.

  15. #30
    maggie ist offline Mitglied
    registriert
    26-09-2005
    Beiträge
    40

    AW: Navigation zum Bildwechsel

    okay.
    <img src="pics/bild1.jpg" id="imgBild" onClick="chgImg(1);" />

    Code:
    function chgImg(no) {
                document.getElementById('imgBild').src=bilder[no];
     	       for (var x=1;x<5;x++) {
    	 document.getElementById('quadrat'+x).style.backgroundColor='';
    	 document.getElementById('quadrat'+x).style.border ='solid #999999 1px';
    	 document.getElementById('imgBild'+x).onClick;
    	 }
       	 document.getElementById('quadrat'+no).style.backgroundColor='#FFFFFF';
         document.getElementById('quadrat'+no).style.border='none';
         }
    Was ich dem .onClick in der function noch mitgeben muss ist mir nicht klar
    Gruß, Maggie

Seite 2 von 3 ErsteErste 123 LetzteLetzte

Ähnliche Themen

  1. Navigation auf ganze Seite ausbreiten
    Von PolitikerNEU im Forum CSS und (X)HTML
    Antworten: 8
    Letzter Beitrag: 26-12-2006, 20:54
  2. CSS Navigation in Firefox
    Von thesa im Forum CSS und (X)HTML
    Antworten: 8
    Letzter Beitrag: 02-03-2006, 14:05
  3. Problem mit der Navigation
    Von thesecretboy im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 23-06-2005, 16:24
  4. Suche Navigation
    Von Scherbe im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 04-02-2005, 12:44
  5. Navigation frames problem (target)
    Von kingu im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 24-03-2004, 19:23

Lesezeichen

Berechtigungen

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