JQuery nächstes Problem

[sepp]

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:

<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.

<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

[TobiaZ]

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.

[sepp]

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!

[Kropff]

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

Peter

[TobiaZ]

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.

[sepp]

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?

[wahsaga]

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.

[sepp]

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

[wahsaga]

Damit ist mir immer noch nicht klar, was eigentlich dein Problem ist.

[TobiaZ]

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.

[sepp]

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.

[TobiaZ]

dann poste aktuellen code oder basta.

[sepp]

Steht oben OHNE PHP

[TobiaZ]

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.

[sepp]

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

Script:

<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.

<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:

// 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

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