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