Logbuch
Contao 3-Out of the box Content Slider responsive
zuerst bindet man ein klassisches Script ein,das die Bildschirmbreite(Höhe)des Browsers überwacht.Ich habe hier ein Script verwendet,dass ich schon vor Jahren verwendet habe,um Meldungen zentriert im Browser auszugeben.Man findet aber auch alle anderen möglichen Varianten im Netz.
function Fensterweite(){
if(window.innerWidth){
return window.innerWidth; }
else if(document.body&&document.body.offsetWidth)
{
return document.body.offsetWidth;
}
else{
return 0;
}}
function neuAufbau(){
if(Weite!=Fensterweite())
contaoSlider();
}
if(!window.Weite&&document.body&&document.body.offsetWidth){
window.onresize=neuAufbau;
Weite=Fensterweite();
}
if(
!window.Weite&&window.innerWidth){
window.onresize=neuAufbau;
Weite=Fensterweite();
}
im Anschluss muss man nur noch dem die Breite des Sliders anpassen:
Blog News
Blog Cloud
- Accordion
- Adapter
- Adobe
- Affinity
- Allen & Heath
- Analytics
- Android
- Apple
- Automator
- BackUp
- Benutzer
- Box
- Browser
- Bug
- caldigit
- caldigit ts3+
- Check
- Chrome
- CMS
- Composer
- Contao
- Contao 4
- Controller
- Crative Suite
- Cross
- CS6
- CSS
- cut
- DB2
- Design
- dockingstation
- Drax
- DSM
- El Capitan
- Erweiterung
- Festivals
- Film
- Firefox
- Flash
- Font
- Fonts
- Freeware
- ftp-deploy
- Gallery
- Games
- Grundlinienraster
- grunt
- Hardware
- Hosting
- House
- HTML5
- IE6
- IE7
- IE8
- IE9
- IE10
- IE11IE6
- iFrame
- iMovie
- InDesign
- Internet
- iOS
- iPad
- iTunes
- Kroatien
- Kultur
- Layout
- Live
- login
- lokaler
- Lüfter
- Mac
- MacBook
- Mac Book
- Mamp
- Maps
- Mash
- Mavericks
- Metamodels
- Mischpult
- Mixer
- mobiler
- Modul
- Mukke
- Music
- Native Instruments
- Netzwerk
- no
- OS X
- OSX
- page speed
- PC
- Pfronten
- Photo
- php
- Player
- Preview
- Publisher
- Quark
- Quark XPress
- Raster
- Reisen
- Router
- safari
- Schlüsselbund
- schneiden
- Schriften
- Script
- SEO
- Server
- Set
- Shell Script
- Slider
- Smartwatch
- Snow Board
- Software
- Soundkarte
- SSD
- syncen
- Synology
- Techno
- Terminal
- thunderbolt
- Time Mashine
- Traktor
- Trimm
- Tweets
- Typografie
- typografisches Raster
- typoman
- Unterstützung
- Up
- Video
- Web
- Webfont
- Webfonts
- Webserver
- Website
- Wifi
- Windows
- Wlan
- Xone
Kommentare
Kommentar von mark
FUnktioniert bei mir mit contao 3 nicht hast du das selbst bei dir auch mal ausprobiert?
Antwort von Philipp Kayser
Hi Mark,
das liegt daran,dass das Inhaltselement Conten-Slider in Contao 3 bereits responsive ist,bzw.mit ein wenig css so angepasst werden kann,dass der von mir geschriebene Artikel aus dem Jahr 2014 überflüssig ist.Du solltest halt darauf achten,dass im Seitenlayout das jQuery Template->slider ein Häkchen hat.
Schöne Grüße
Phil