✔ PrettyPhoto Bilder markieren

A

alsterdorfer

Grünschnabel
Ich weiss nicht wie ich ansetzen soll. Ich verwende für eine Bildergalerie PrettyPhoto. Nun möchte ich irgendwie die Möglichkeit schaffen, das angezeigte Bild zu markieren. Und dies optisch mit einem icon oder einer checkbox darstellen.
Ausserdem ausserdem möchte ich noch beim Aufrufen des Bildes in einer Datenbank nachsehen, ob das Bild markiert ist und somit dem Benutzer gleich anzeigen, dass er das Foto schon im Warenkorb hat.
Javascript: 
    $("a[rel^='prettyPhoto']").prettyPhoto({
		
		theme: 'pp_default', // light_square, pp_default, facebook
		slideshow:5000, 
		autoplay_slideshow:false,
		social_tools: 'guten Tag',
		changepicturecallback:function(){ // HIER MÜSSTE JETZT EINE AJAX FUNKTION REIN - ODER? \\ },
		callback:function( ){},
		ie6_fallback:true
		
				
		});
Mein Problem: ich weiss nicht, wie ich die Eigenschaften des Bildes ermitteln kann (src, title, index etc) und dann noch am unteren Bildrand einen Text ausgeben kann ('markiert', 'nicht markiert')
 
Danke für die schnelle Antwort!
Leider bekomme ich nicht die Eigenschaften des aktuell von PrettyPhoto aufgerufenen
Bildes.

Irgendwie muss ich doch feststellen können, welches Bild gerade von PrettyPhoto aufgerufen wird.

--> Index?

und dann muss ich vor $('img').attr('src') noch irgendetwas eingeben, das Bild dem Objekt von prettyPhoto zuordnet --- aber Was********?

ein $prettyPhoto($('img').attr('src')) geht leider nicht!
 
Ein wenig geholfen hat mir das jetzt schon.
bei "changepicturecallback" habe ich jetzt eine Funktion eingebaut, die mir den Src liefert.
Javascript: 
  $(document).ready(function(){
	
   var bildSrc;
    $("a[rel^='photec']").prettyPhoto({
		
		theme: 'pp_default', // light_square, pp_default, facebook
		slideshow:5000, 
		autoplay_slideshow:false,
		changepicturecallback:function(){
				bildSrc=$('#fullResImage').attr('src');	
				console.log(bildSrc);
				},
		callback:function( ){},
		ie6_fallback:true,
		social_tools: '<input type="text" value="'+bildSrc+'" />'
		});
Bildschirmfoto 2012-03-20 um 12.54.21.png
Doch irgendwie muss es doch machbar sein, dass ich eine Checkbox einbaue, die als Value "bildSrc" bekommt. Ich habe das in dem Screenshot verdeutlicht. Da wo jetzt das Input Feld ist, soll die checkbox rein.

So, wie ich es gemacht habe kommt nur "undefined"

Bei Click soll eine Ajax-Funktion aufgerufen werden, die den Wert in eine Datenbank speichert.
Irgendwie habe ich mich da verrannt.
 
Mh, schwierig, da die Dokumentation dazu recht schlecht ist. Versuch' es mal so:
Code: 
$('a[rel^="photec"]').prettyPhoto(
{
  theme: 'pp_default', // light_square, pp_default, facebook
  slideshow: 5000,
  autoplay_slideshow: false,
  changepicturecallback: function ()
  {
    $('#picture-url').attr('value', $('#fullResImage').attr('src'));
  },
  callback: function ()
  {
  },
  ie6_fallback: true,
  social_tools: '<input id="picture-url" type="text" value="" />'
});
 
Danke Crack - auf Anhieb ging es leider nicht - aber ....

Gelöst:
Dank Eurer Anregungen! Ich habe einfach auf das gute alte "getElementsById' zurückgegriffen.

Javascript: 
    $("a[rel^='photec']").prettyPhoto({
		
		theme: 'pp_default', // light_square, pp_default, facebook
		slideshow:5000, 
		autoplay_slideshow:false,
		changepicturecallback:function(){
				document.getElementById('sc').value=$('#fullResImage').attr('src');	
				},
		callback:function( ){},
		ie6_fallback:true,
		social_tools: '<input id="sc" type="checkbox" value=""  /> mark this'
		});
Jetzt muss ich mich nur noch an die Ajax Funktion machen, dass die Werte auch in der Datenbank gespeichert werden.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück