Seite 3 von 3 ErsteErste 123
Ergebnis 31 bis 45 von 45
  1. #31
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Navigation zum Bildwechsel

    Nein nicht
    Code:
    <img src="pics/bild1.jpg" id="imgBild" onClick="chgImg(1);" />
    Weil dann leitest du ja auf das gleiche Bild weiter ;-)
    Sondern:
    Code:
    <img src="pics/bild1.jpg" id="imgBild" onClick="chgImg(2);" />
    Und das sollte das JS werden:
    PHP-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('quadrat'+no).style.backgroundColor='#FFFFFF';
      
    document.getElementById('quadrat'+no).style.border='none';
      
    no++;
      if (
    no==3) {
        
    no=1;
      }
      
    document.getElementById('imgBild'+x).onclick="chgImg("+no+");";


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

    AW: Navigation zum Bildwechsel

    Und das sollte das JS werden:
    PHP-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('quadrat'+no).style.backgroundColor='#FFFFFF';
      
    document.getElementById('quadrat'+no).style.border='none';
      
    no++;
      if (
    no==3) {
        
    no=1;
      }
      
    document.getElementById('imgBild'+x).onclick="chgImg("+no+");";

    frage:
    steht das no++ dort richtig?
    bei mir funktioniert es nicht.
    maggie

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

    AW: Navigation zum Bildwechsel

    Eigentlich ja.

    Mach mal bitte
    Code:
    no++;
    alert(no);
    und schaumal was er ausgibt.

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

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Eigentlich ja.

    Mach mal bitte
    Code:
    no++;
    alert(no);
    und schaumal was er ausgibt.
    Ausgabe: 3
    und beim Klick auf das Bild (egal welches Bild vorher gezeigt war) wird immer Bild 2 (wie im html aufgerufen onclick="chgImg(2);") angezeigt.

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

    AW: Navigation zum Bildwechsel

    sry mein fehler war wohl schon im wochenende ;-)

    Code:
     document.getElementById('imgBild'+x).onclick=new Function("chgImg("+no+")");

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

    AW: Navigation zum Bildwechsel

    Code:
     document.getElementById('imgBild'+x).onclick=new Function("chgImg("+no+")");
    Danke erstmal für Deine Engelsgeduld.
    Es will trotzdem nicht funktionierenund meine kleinen Veränderungsversuche bewirken auch nichts.
    Maggie

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

    AW: Navigation zum Bildwechsel

    Jo sry, nochmal murks von meiner Seite drin:
    Code:
    document.getElementById('imgBild').onclick=new Function("chgImg("+no+")");
    Hier nochmal alles in einem:
    PHP-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('quadrat'+no).style.backgroundColor='#FFFFFF';
      
    document.getElementById('quadrat'+no).style.border='none';
      
    no++; 
      if (
    no==bilder.length) {
        
    no=1;
      }
      
    document.getElementById('imgBild').onclick=new Function("chgImg("+no+")");

    Geändert von ToM80 (17-10-2008 um 18:45 Uhr)

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

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Jo sry, nochmal murks von meiner Seite drin:
    Code:
    document.getElementById('imgBild').onclick=new Function("chgImg("+no+")");
    juhu!!! Herzlichen Dank! Es funktioniert bestens.

    Kannst Du mir bitte noch kurz das +no+ erklären. Danke.
    Gruß
    Maggie

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

    AW: Navigation zum Bildwechsel

    Kann ich gerne tun.
    Du übergibst ja die Bildnummer beim Funktionsaufruf:
    z. B.
    Code:
    onclick="chgImg(2)"
    Die Funktion übernimmt diese Nummer und packt sie in eine Variable, diese haben wir "no" genannt:
    Code:
    function chgImg(no) {...
    Jetzt soll das große Bild auf das nächste weiterleiten. Dafür brauchen wir den Funktionsnamen: chgImg
    und
    die ID des nächsthöheren Bildes: "no"

    Da chgImg ein String(Text) ist muss dieser in Anführungszeichen gesetzt werden, damit er nicht versucht wird von JavaScript als Variable aufgerufen zu werden.
    No ist aber eine JS-Variable, dessen Wert wir in diese Funktion einsetzen wollen, weshalb diese nicht in Anfühungszeichen gesetzt sein darf.
    Das Pluszeichen ist in Javascript das Verkettungszeichen.
    Z. B.
    Code:
    alert("1"+"1"); 
    alert("1"+1); 
    alert(1+"1");
    würde überall 11 ausgeben da die Einsen hier in Anführungsstriche gesetzt wurden und deshalb als Text hergenommen würden.
    Der Aufruf:
    Code:
    alert(1+1);
    würde dann die Rechenfunktion in Gang setzen und korrekterweise 2 ausgeben.

    Hoffe die Erklärung ist nicht zu kompliziert.

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

    AW: Navigation zum Bildwechsel

    Zitat Zitat von ToM80 Beitrag anzeigen
    Kann ich gerne tun.
    Du übergibst ja die Bildnummer beim Funktionsaufruf:
    z. B.
    Code:
    onclick="chgImg(2)"
    Die Funktion übernimmt diese Nummer und packt sie in eine Variable, diese haben wir "no" genannt:
    Code:
    function chgImg(no) {...
    Jetzt soll das große Bild auf das nächste weiterleiten. Dafür brauchen wir den Funktionsnamen: chgImg
    und
    die ID des nächsthöheren Bildes: "no"

    Da chgImg ein String(Text) ist muss dieser in Anführungszeichen gesetzt werden, damit er nicht versucht wird von JavaScript als Variable aufgerufen zu werden.
    No ist aber eine JS-Variable, dessen Wert wir in diese Funktion einsetzen wollen, weshalb diese nicht in Anfühungszeichen gesetzt sein darf.
    Das Pluszeichen ist in Javascript das Verkettungszeichen.
    Z. B.
    Code:
    alert("1"+"1"); 
    alert("1"+1); 
    alert(1+"1");
    würde überall 11 ausgeben da die Einsen hier in Anführungsstriche gesetzt wurden und deshalb als Text hergenommen würden.
    Der Aufruf:
    Code:
    alert(1+1);
    würde dann die Rechenfunktion in Gang setzen und korrekterweise 2 ausgeben.

    Hoffe die Erklärung ist nicht zu kompliziert.
    "+no+" die + sind Verkettungszeichen (also setze diesen Wert dazu) und das no hat schon durch no++ immer den nächst höheren Wert mitbekommen. Richtig?

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

    AW: Navigation zum Bildwechsel

    Genau
    Man kann einen Zahlenwert mit (++) um eins vergrößern, bzw. mit (--) um eins verringern.

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

    AW: Navigation zum Bildwechsel

    Danke für die große Hilfe und die Erklärungen.
    Gruß
    Maggie

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

    AW: Navigation zum Bildwechsel

    Gern geschehen

  14. #44
    thetheo ist offline Grünschnabel
    registriert
    13-09-2009
    Beiträge
    3

    AW: Navigation zum Bildwechsel

    Mit Hochachtung für diese Leistung frage ich nun noch, wie kann ich hier eine Bildunterschrift einbauen?

    var bilder=new Array();
    bilder[1]="bild1.jpg";
    bilder[2]="bild2.jpg";
    bilder[3]="bild3.jpg";

    also für jedes Bild eine extra Unterschrift!
    Danke schon mal im Vorraus für die Kompetenz!

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

    AW: Navigation zum Bildwechsel

    du kannst entweder ein mehrdimensionales array nutzen oder aber ein zweites anlegen.

    hier findest du eine anleitung: http://de.selfhtml.org/javascript/ob...ziative_arrays

Seite 3 von 3 ErsteErste 123

Ä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
  •