JQuery nächstes Problem

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

  • JQuery nächstes Problem

    Ich habe ein Bildfade Script heruntergeladen welches via php mit Bildnamen aus einer MySQL gefüllt werden. Das funktiert bestens, nun würde ich zusätzlich gerne einen Link auf dem Bild hiterlegen welcher ebenfalls mit Werten aus der DB gefüllt würde.

    Nun mein Problem, ich kenne mich zuwenig mit jQuery aus und weiss darum nicht wie ich den Wert weitergeben soll.

    Konkret:

    Script:
    Code:
    <script type="text/javascript">
    jQuery.PictureSlides.set({
    // Switches to decide what features to use
    useFadingIn : true,
    useFadingOut : true,
    useFadeWhenNotSlideshow : true,
    useFadeForSlideshow : true,
    useDimBackgroundForSlideshow : false,
    loopSlideshow : true,
    usePreloading : true,
    useAltAsTooltip : true,
    useTextAsTooltip : false,
    
    // Fading settings
    fadeTime : 500, // Milliseconds	
    timeForSlideInSlideshow : 4000, // Milliseconds
    	// At page load
    startIndex : 1,	
    startSlideShowFromBeginning : true,
    startSlideshowAtLoad : true,
    dimBackgroundAtLoad : false,
    
    // Large images to use and thumbnail settings
    images : [
    
    	// erstellen aller Bilddaten im JS
    
    	image : "scr/pic1.jpg", 
    	alt : "Picture 1",
    	text : "This is picture 1",
                 url: "scr/bigpic1.jpg",
    
    	image : "scr/pic2.jpg", 
    	alt : "Picture 2",
    	text : "This is picture 2",
                 url: "scr/bigpic2.jpg"
    	}
    	
    ],
    thumbnailActivationEvent : "click",
    // Classes of HTML elements to use
    mainImageClass : "picture-slides-image", // Mandatory
    fadeContainerClass : "picture-slides-fade-container"
    });
    </script>
    und darunter ausserhalb der Abfrage wird das Bild wie folgt dargestelt.
    HTML-Code:
    <div id="picture-slides-frame">
    	<div class="picture-slides-container">
    		<div class="picture-slides-fade-container">
    			<a rel="lightbox" href="<? echo $big;?>"><img class="picture-slides-image" src="<? echo $base; ?>/images/spacer.gif" alt="This is picture 1" border="0" /></a>
    		</div>
    	</div>
    </div>
    Hier fehlt mir der Wert $big die Url zum grossen Bild. Oder zumindest eine ID des DB Eintrages - dann könnte ich mittels einer weitern Abfrage das $big auslesen.

    Ich glaube ich muss den Wert im JS absetzten und dann jrgenwie weitergeben, aber wie weiss ich nicht - nur so ein Gedanke.

    Kann mir da jemand einen Tipp geben. Danke
    Zuletzt geändert von sepp; 30.05.2012, 17:54.

  • #2
    Bitte vermeide es PHP und JS Code zu vermischen, wenn du hier ein Problem postest. Dein Problem sollte sich auf eine der beiden Sprachen beschränken lassen, ansonsten hast du den unterschied noch nicht begriffen.

    Falls PHP das tut, was es soll, poste bitte nur HTML und JS. Wenn PHP nicht das tut, was es soll, poste bitte nur PHP.

    Kommentar


    • #3
      Komischer Einwand!

      Das Problem ist ein JS Problem darum steht es in diesem Forum. PHP MYSQL ist der Weg, welcher ich zu vollständigen Erklärung mitgeschieben habe - sonst hättest Du geschieben " wo ist der CODE ohne Code keine Hilfe"!

      Ich will lediglich alle Infos mitgeben!

      Kommentar


      • #4
        Hab mal ein wenig gegoogelt und bei diesem Plugin gibt doch ein Attribut url für einen Link.

        Peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Nein, bei einem JS-Problem interessiert serverseitiger Code niemals! Niemals!

          Könntest du daher den PHP-Code ausführen und nur den klientseitigen Code hier postet. Dies schließt automatisch aus, dass ein PHP-Problem vorliegt und schränkt den Codeumfang aufs Wesentliche ein.

          Kommentar


          • #6
            Danke Kropff

            Das ist wahr und funktioniert auch super. Aber wenn ich zusätzlich einen Wert mitgeben will wie z.Bsp. eine ID - wie mache ich denn das?

            Kommentar


            • #7
              Zitat von sepp Beitrag anzeigen
              Aber wenn ich zusätzlich einen Wert mitgeben will wie z.Bsp. eine ID
              Wohin mitgeben – an die verlinkte Seite …?
              wie mache ich denn das?
              … dann packst du die ID als GET-Parameter in die Linkadresse mit rein.
              I don't believe in rebirth. Actually, I never did in my whole lives.

              Kommentar


              • #8
                Alles natürlich bezugnehmend auf einen ersten Eintrag. JS Wert übergen

                Kommentar


                • #9
                  Damit ist mir immer noch nicht klar, was eigentlich dein Problem ist.
                  I don't believe in rebirth. Actually, I never did in my whole lives.

                  Kommentar


                  • #10
                    Auch bei erneuten Lesen des Ausgangspostings habe ich das gefühl, dass du PHP und JS unsinniger Weise mischst. Wenn du meinen Hinweis befolgen würdest, könnte man das vielleicht wiederlegen und wüsste evtl. auch endlich von welcher ID du sprichst.

                    Kommentar


                    • #11
                      Man kann sich ja auch extra querstellen!

                      Das Problem mit der fehlenden URL konnte ich dank Kropff lösen - und genau das selbe will ich anstelle einer Url mit einer Variable welche ich dann weiterverwenden kann.

                      Kommentar


                      • #12
                        dann poste aktuellen code oder basta.

                        Kommentar


                        • #13
                          Steht oben OHNE PHP

                          Kommentar


                          • #14
                            Da ist doch immer noch PHP drin???

                            Um den Tread"verlauf" nicht zu entstellen, wäre es sinnvoll, wenn du bitte dein aktuelles Problem noch einma l konkret schilderst und auch den entsprechenden relevanten Code dabei postest.

                            Kommentar


                            • #15
                              Aber wenn ich zusätzlich einen Wert mitgeben will wie z.Bsp. eine ID - wie mache ich denn das?

                              Script:
                              Code:
                              <script type="text/javascript">
                              jQuery.PictureSlides.set({
                              // Switches to decide what features to use
                              useFadingIn : true,
                              useFadingOut : true,
                              useFadeWhenNotSlideshow : true,
                              useFadeForSlideshow : true,
                              useDimBackgroundForSlideshow : false,
                              loopSlideshow : true,
                              usePreloading : true,
                              useAltAsTooltip : true,
                              useTextAsTooltip : false,
                               
                              // Fading settings
                              fadeTime : 500, // Milliseconds    
                              timeForSlideInSlideshow : 4000, // Milliseconds
                                  // At page load
                              startIndex : 1,    
                              startSlideShowFromBeginning : true,
                              startSlideshowAtLoad : true,
                              dimBackgroundAtLoad : false,
                               
                              // Large images to use and thumbnail settings
                              images : [
                               
                                  // erstellen aller Bilddaten im JS
                               
                                  image : "scr/pic1.jpg", 
                                  alt : "Picture 1",
                                  text : "This is picture 1",
                                           url: "scr/bigpic1.jpg",
                                           
                               
                                  image : "scr/pic2.jpg", 
                                  alt : "Picture 2",
                                  text : "This is picture 2",
                                           url: "scr/bigpic2.jpg"
                                           
                                  }
                               
                              ],
                              thumbnailActivationEvent : "click",
                              // Classes of HTML elements to use
                              mainImageClass : "picture-slides-image", // Mandatory
                              fadeContainerClass : "picture-slides-fade-container"
                              });
                              </script>
                              und darunter ausserhalb der Abfrage wird das Bild wie folgt dargestelt.
                              HTML-Code:
                              <div id="picture-slides-frame">
                                  <div class="picture-slides-container">
                                      <div class="picture-slides-fade-container">
                                          <a rel="lightbox" href="<? echo $big;?>"><img class="picture-slides-image" src="<? echo $base; ?>/images/spacer.gif" alt="This is picture 1" border="0" /></a>
                                      </div>
                                  </div>
                              </div>
                              so meine ich das:
                              Code:
                              // erstellen aller Bilddaten im JS
                              
                              	image : "scr/pic1.jpg", 
                              	alt : "Picture 1",
                              	text : "This is picture 1",
                                           url: "scr/bigpic1.jpg",
                                           wert: "001",
                              
                              	image : "scr/pic2.jpg", 
                              	alt : "Picture 2",
                              	text : "This is picture 2",
                                           url: "scr/bigpic2.jpg",
                                           wert: "002"
                              	}
                              und dann würde ich gene den Wert im html angezeigt bekommen: so
                              HTML-Code:
                              <div id="picture-slides-frame">
                                  <div class="picture-slides-container">
                                      <div class="picture-slides-fade-container">WERT
                                          <a rel="lightbox" href="<? echo $big;?>"><img class="picture-slides-image" src="<? echo $base; ?>/images/spacer.gif" alt="This is picture 1" border="0" /></a>
                                      </div>
                                  </div>
                              </div>
                              Zuletzt geändert von sepp; 30.05.2012, 17:59.

                              Kommentar

                              Lädt...
                              X