---
title: "Responsive Photo Gallery mit Swipe gesucht"
url: "https://www.typo3.net/d/118828-responsive-photo-gallery-mit-swipe-gesucht"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","JavaScript & AJAX","TYPO3 6.x"]
created: "2014-09-12"
last_reply: "2014-09-12"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Responsive Photo Gallery mit Swipe gesucht

TYPO3 › TypoScript · 1 Antwort · gestartet 2014-09-12

## Eröffnungsbeitrag

**mimii** · 2014-09-12 · [Beitrag #1](https://www.typo3.net/d/118828-responsive-photo-gallery-mit-swipe-gesucht/1)

Hallo ins Forum,

ich weiß nicht ob ich hier richtig bin, vielleicht hat jemand doch einen entscheidenen Tipp für mich.

Ich habe eine responsive Bildergalerie am Laufen mit Boostrap3. Die Bilder werden als CE vom Typ "Nur Bild" angelegt und entsprechend der Bootstrp Vorgaben gerendert.

```typoscript
lib.gallery = TEMPLATE
lib.gallery {
  template = TEXT
  template.value (
	  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body">
					</div>
				</div>
			</div>
		</div>
    <div class="container">
      <ul class="row">
        ###IMAGES###
      </ul>
    </div>
  )
  marks {
    IMAGES = FILES
    IMAGES {
      references {
        table = tt_content
        #uid.field = uid
        fieldName = image
      }
      renderObj = COA
      renderObj {
        10 = IMAGE
        10 {
          altText.data=file:current:title
          file {
            treatIdAsReference = 1
            import.data=file:current:publicUrl
            #import.data = file:current.originalUid // file:current:uid
						
          }
          params = class="img-responsive"
          wrap = <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">|</li>
        }
      }
    }
}
  
}
```

Soweit prima. Beim Klick auf ein Bild öffnet sich die Modalbox, in der die Bilder angzeigt werden und mit vor und zurück kann man blättern. Das ist per jQuery gelöst und funktioniert sowohl am PC als auch auf mobilen Geräten (wenn man vor oder zurück "klickt"). Nun ist das auf einem Tablet bzw. Smartphone nicht Sinn der Sache, da möchte ich ja mit Touch arbeiten. Wie mach ich das? Ich wollte gerne ohne Extension arbeiten und alles im TS umsetzen.

Hat jemend n Tipp bzw. n Link?

Danke und Gruß
mimii

## Antworten

### [#2](https://www.typo3.net/d/118828-responsive-photo-gallery-mit-swipe-gesucht/2) · Norman2k · 2014-09-12

Wir verwenden, gerade bei Responsive-Projekten, sehr häufig den Royal-Slider, guck doch mal ob du da ein passendes Template findest. Kostet allerdings etwas, 15$ glaube ich.
<http://dimsemenov.com/plugins/royal-slider/>

---

Quelle: „Responsive Photo Gallery mit Swipe gesucht“, typo3.net, https://www.typo3.net/d/118828-responsive-photo-gallery-mit-swipe-gesucht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.