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.
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