Einfache Bildergalerie mit Daten aus dem media Feld

Submitting your vote...
Rating: 3.5 of 5. 4 vote(s).
Click the rating bar to rate this item.

Folgendes Snippet erstellt eine einfache Bildergalerie, wobie die Bilder aus dem media Feld gelesen werden.

Sind auf der aktuellen Seite keine Bilder eingegeben, sucht dieses Snippet nach Daten bis zur root Seite und nimmt diese.

Jedes Bild wird einmal als Thumbnail dargestellt und wenn man darauf klickt wird per javascript das vergrößerte Bild angezeigt.

 

 

temp.imgbar=COA
# erstes kleines bild
temp.imgbar.20=COA
temp.imgbar.20.5.stdWrap.wrap=<div class="imgsmall"><img onClick="document.getElementById('imgbig').src='|'"  src=
temp.imgbar.20.5=IMG_RESOURCE
temp.imgbar.20.5.file {
  import.data = levelmedia: 9,slide  
  import = uploads/media/
  import.listNum = 0
  file.width=392
  file.height=260
}
temp.imgbar.20.10=IMG_RESOURCE
temp.imgbar.20.10.stdWrap.wrap="|"></div >

temp.imgbar.20.10.file {  
  import.data = levelmedia: 9,slide  
  import = uploads/media/
  import.listNum = 0  
  width = 123  
  height= 83
}

# das große Bild
temp.imgbar.10<temp.imgbar.20.10
temp.imgbar.10=IMG_RESOURCE
temp.imgbar.10{
  file.import.listNum = 0  
  file.width=392
  file.height=260
  stdWrap.wrap=
  <div class="imgbig" style="float: right;"><img id="imgbig" src="|" height="260" width="392" alt="" /></div>
   
}

# 2. kleines bild
temp.imgbar.30<temp.imgbar.20
temp.imgbar.30.10{
  stdWrap.wrap= "|">
  file.import.listNum = 1
}
temp.imgbar.30.5.file.import.listNum=1

#3. kleines bild
temp.imgbar.40<temp.imgbar.30
temp.imgbar.40.10{
  file.import.listNum = 2
}
temp.imgbar.40.5.file.import.listNum=2

 

 

Anzeigebeispiel einfache Bildergalerie aus dem media Feld


Top 10 Updates

Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Okt-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12
Anderes Feld für GMENU alt Text geändert am  13-Jun-2008 13:55:51
Lightbox ohne Extension einbinden geändert am  13-Jun-2008 13:46:21
Menü erstellen mit Daten aus anderen Tabellen als pages V2 geändert am  24-Mär-2008 13:02:25
Login geändert am  17-Mär-2008 12:18:29
Forum geändert am  17-Mär-2008 10:07:40
Wer sind wir? geändert am  26-Dez-2007 16:06:55
Menu als unnested lists (iphone navigation) geändert am  29-Okt-2007 15:05:47
If Bedingungen mit UND und ODER Operator... geändert am  16-Okt-2007 19:04:17
English
Suche: