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

Comments

abteilung, 10-09-08 13:17:

---

Wie lassen sich mehr als 3 Bilder in diese Galerie einbinden, ohne dass ich für jedes Bild ein neues Objekt generieren muss? Geht das mit Schleife?

Inge, 19-12-08 14:25:

---

Kann man auch Bilder aus dem Fileadmin-Ordner nehmen?

Add comment

* - required field

First name: *
Last name:
E-mail:
Enter the code:

*

Content: *