Ankündigung

Einklappen
Keine Ankündigung bisher.

Bildergalerie Fehler

Einklappen

Neue Werbung 2019

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

  • Bildergalerie Fehler


    Guten Tag allerseits, Ich möchte gerne eine Bildergalerie auf der Website anzeigen lassen und habe daher ein Script. Es sollte 17 Bilder Anzeigen lassen, die man mit vor und zurück navigieren kann. Es klappt soweit auch, nur sucht er dann ab dem 8.Bild Bild18, 19 usw. welches nicht da sein kann, da es nur von Bild1 - Bild17 geht. Hier gehts zur testwebsite: http://la-pinata-loca.de/galerie.html Hier ist mal der Code.
    Code:
    var zahl=1;  var don =""  function vor(){      zahl++;          if(zahl>17){          zahl=1;      }      document.getElementById("bild").src= "bilder/pinatas/Bild1"+zahl+".jpg";      document.getElementById("zaehler").innerHTML = "" +zahl;  }  function zurueck(){      zahl--;          if(zahl<1){          zahl=17;      }      document.getElementById("zaehler").innerHTML = "" +zahl;      document.getElementById("bild").src= "bilder/pinatas/Bild1"+zahl+".jpg";  }




  • #2
    Bitte formatiere Deinen Code vernünftig und poste einen funktionierenden Link.

    Kommentar


    • #3
      PHP-Code:
      <!doctype html>
      <
      html>
      <
      head>
      <
      meta charset="utf-8">
      <
      style type="text/css">
          
      /* Galerie */
      #galerie {
          
      width550px;
          
      height600px;
          
      margin0 auto 50px auto;
          
      text-aligncenter;
          
      border-radius15px 15px 15px 15px;
          
      border4px solid #616161;
          
      overflowhidden;
      }
      </
      style>
      <
      script type="text/javascript">
          var 
      zahl=1;
      var 
      don =""
      function vor(){
          
      zahl++;
              if(
      zahl>17){
              
      zahl=1;
          }
          
      document.getElementById("bild").src"bilder/pinatas/Bild1"+zahl+".jpg";
          
      document.getElementById("zaehler").innerHTML "" +zahl;
      }
      function 
      zurueck(){
          
      zahl--;
              if(
      zahl<1){
              
      zahl=17;
          }
          
      document.getElementById("zaehler").innerHTML "" +zahl;
          
      document.getElementById("bild").src"bilder/pinatas/Bild1"+zahl+".jpg";
      }
      </script>
      <title>Bildergalerie</title>
      </head>

      <body>
      <div id="galerie">
          <img src="bilder/pinatas/Bild1.jpg" id="bild" /> <br />
          <br />
          <a href="#" onclick="vor()" onfocus="if(this.blur)this.blur()"> vorwärts </a>
            <span id="zaehler">1</span>  
          <a href="#" onclick="zurueck()" onfocus="if(this.blur)this.blur()"> zurück </a>
      </div>
      </body>
      </html> 
      URL: http://la-pinata-loca.de/galerie.html

      Ich war mal so frei...

      Man kann auch schön in den Dirs rumsuchen:

      - http://la-pinata-loca.de/bilder/pinatas/

      - http://la-pinata-loca.de/bilder/

      Kommentar


      • #4
        Schau Die diese Zeile an: bilder/pinatas/Bild1"+zahl+".jpg"

        Kommentar


        • #5
          src= "bilder/pinatas/Bild1"+zahl+".jpg"

          ergibt bei Bild 7

          http://la-pinata-loca.de/bilder/pinatas/Bild17.jpg

          und genau das wird auch angezeigt.
          Danach würde Bild18.jpg folgen, welches es nicht gibt.

          Nach diesen Hinweisen weisst du nun was du tun musst.

          Kommentar


          • #6
            OK Danke Fehler gefunden....

            so sollte die Zeile aussehen:
            PHP-Code:
            bilder/pinatas/Bild"+zahl+".jpg 
            hier der ganze code:
            PHP-Code:
            var zahl=1;
            var 
            don =""
            function vor(){
                
            zahl++;
                    if(
            zahl>17){
                    
            zahl=1;
                }
                
            document.getElementById("bild").src"bilder/pinatas/Bild"+zahl+".jpg";
                
            document.getElementById("zaehler").innerHTML "" +zahl;
            }
            function 
            zurueck(){
                
            zahl--;
                    if(
            zahl<1){
                    
            zahl=17;
                }
                
            document.getElementById("zaehler").innerHTML "" +zahl;
                
            document.getElementById("bild").src"bilder/pinatas/Bild"+zahl+".jpg";

            Kommentar


            • #7
              Ich habe mir Dein Produkt angesehen und bin etwas verwirrt. Gibt es tatsächlich einen Markt dafür. Die Pinatas sind ein wenig aufwändiger als eine Papiertüte und kosten dementsprechend sicher auch etwas mehr...

              Kommentar

              Lädt...
              X