Einfache Bildergalerie mit Daten aus dem media Feld

Übermittlung Ihrer Stimme...
Bewertungen: 3.0 von 5. 3 Stimme(n).
Klicken Sie auf den Bewertungsbalken, um diesen Artikel zu bewerten.

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 11: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 13:25:
Kann man auch Bilder aus dem Fileadmin-Ordner nehmen?
Roland, 10-11-12 20:40:
Hi,

strange enough, but I can use any folder in fileadmin/, but not uploads/media/

( -: roland :- )
Stephan, 22-04-16 07:20:
Perfekt wäre es, wenn man dieses Beispiel für TYPO3 7.x ummünzen könnte.

Kommentar hinzufügen

* - Pflichtfeld

*



*
*

Top 10 Updates

Nützliche Links geändert am  24-Apr-2013 06:31:02
Login geändert am  09-Sep-2010 09:31:35
Schöne Schriften mit Google Font API geändert am  20-Mai-2010 14:36:59
TS basierte Searchbox für Indexed Search geändert am  18-Mai-2010 16:26:54
TYPO3 SEO geändert am  30-Apr-2010 07:43:20
Suchmaschinenfreundliche grafische Überschriften in TYPO3 geändert am  30-Apr-2010 07:33:56
Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 11:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-Mai-2009 10:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-Mai-2009 10:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 13:01:36

Latest comments

22-Apr-2016 07:20:42
Stephan schrieb: Perfekt wäre es, wenn man dieses Beispiel für TYPO3 7.x ummünzen könnte.
Einfache Bildergalerie aus dem media Feld
12-Apr-2016 17:05:49
Peter schrieb: habs... Einfach noch 10.renderObj.header.10 = 10.renderObj.textpic.10 = ...
Andere Formatierung für erstes Element in TYPO3
12-Apr-2016 16:36:46
Peter schrieb: Wunderbar, auch wenn der Eintrag schon nen bisschen älter ist... .. klappt soweit T3...
Andere Formatierung für erstes Element in TYPO3
English
Suche: