[TYPO3-german] Lösung für Darstellung von Referenzen gesucht

[Ulrich Fischer]

Hallo Lars,

Lars Brinkmann schrieb am 21.01.2010 um 12:03:
> so dachte ich. Aber wie genau realisieren?

Das hängt davon ab, welches Javascript Framework
du verwendest, was genau auf deiner Seite passieren soll
und welche slideshow du verwendest.

In dem von mir genannten Beispiel wird mit jquery gearbeitet.
Das "jQuery Cycle Plugin" verwendet einfach alle Bilder,
die in einem <div>-Container liegen. Hier: <div id="container-1">
Bild 1 wird von typo3 eingebaut.
Die weiteren Bilder können bei jQuery mit .append an den bestehenden
Inhalt im Container angehängt werden.
$('#container-1').append('<img src="fileadmin/angehaengt.jpg" />');

Sind's mehrere Bilder kann man's ja wie im Beispiel in eine Schleife
einpacken:

	  var $startSlideShow = $('#container-1');	
	  var imageItems = 4;
	  // var randomItem = Math.floor(Math.random() * imageItems) // zero-based
	  // console.log('TEST', imageItems);
	  // add slides to slideshow (
	  for (var i = 1; i <= imageItems; i++) {
		  $startSlideShow.append('<img 
src="fileadmin/pics/slideshow/container-1_'+i+'.jpg" width="250" height="250" />');
	  }


Und wenn's mehrere Container sind könnte man ggf. dem body
eine id geben und die betreffenden Element je nach gemeinsamem
Merkmal (z.B. class="show-container") durchlaufen (alles ungetestet):

var count = 1;
$('body#b256 .show-container').each( function(count) {
     var slideshow = $(this);
     var imageBaseName = 'fileadmin/pics/slideshow/container-'+count;
     .....
});

Aber das hat ja mit typo3 nicht viel zu tun. ;-)


Schöne Grüße

Ulrich

-- 
http://www.sunfish.de