Contao-Camp 2024
Ergebnis 1 bis 33 von 33

Thema: Eure Erfahrungen...

  1. #1
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard Eure Erfahrungen...

    Ich Grüße dich lieber Anwender des dk_carouFredSel-Sliders!

    Mittlerweile gibt es schon eine ordentliche Anzahl an Installationen. Ob diese Anzahl den tatsächlichen Nutzungs-Grad widerspiegelt kann ich nicht beurteilen, jedoch möchte ich mich heute an dich wenden, um von deinen Erfahrungen zu hören.

    Bisher war die Erweiterung als Beta-Version deklariert, aber in naher Zukunft möchte ich gern die erste "stable" Version davon veröffentlichen. Als Ziel dafür habe ich mir jedoch gesetzt, daß die Erweiterung ein brauchbares, funktionierendes und vor allem verständliches Tool sein soll. Und hier brauche ich dich, denn ich als Entwickler davon frage mich zwar wie würde ich dieses und jenes als Anwender haben wollen, aber bin natürlich nicht so unbedarft wie jemand, der sie noch nicht kennt. Daher allgemeine Fragen an Euch (aber auch an dich ), die ihr gern beantworten dürft aber nicht müßt. Antworten auf nicht aufgeführte Fragen sind auch gestattet und weglassen ebenso...

    Wie seid ihr zurecht gekommen?
    Sind die Einstellungs-Beschreibungen verständlich?
    Womit habt ihr gekämpft?
    Hat euch etwas genervt? (damit meine ich jedoch nicht die individuelle CSS-Formatierung, die ihr erstellen wollt )
    Was könnte man verbessern?
    Sind die Wrapper-Elemente ausreichend/sinnvoll?

    Für die nächste Version ist zumindest ein CSS-Skin geplant und gerade in Arbeit.

    Ich wünsche euch einen schönen Abend...
    ...Dirk

  2. #2
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.224
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi.

    Ich finde das Ding sehr cool, weil es viele Möglichkeiten abdeckt.
    So direkt hab ich keine Rückmeldung... eher einen Wunsch... und ich hab nicht gefunden das das schon angesprochen wurde.

    Ich finds schade, das der Slider als Erweiterung nicht für die 2.11x auch kompatibel ist. Ist wahrscheinlich nicht machbar, oder?
    Aufgrund einiger essentieller Erweiterungen, die ich fast immer brauche, aber nicht auf 3.0 laufen, setze ich meine Systeme immer noch nicht mit 3.xx auf.

    Daher die kurze Frage. Ich hoffe es ist ok, das ich diese hier stelle.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  3. #3
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von tblumrich Beitrag anzeigen
    Hi.

    Ich finde das Ding sehr cool, weil es viele Möglichkeiten abdeckt.
    So direkt hab ich keine Rückmeldung... eher einen Wunsch... und ich hab nicht gefunden das das schon angesprochen wurde.

    Ich finds schade, das der Slider als Erweiterung nicht für die 2.11x auch kompatibel ist. Ist wahrscheinlich nicht machbar, oder?
    Aufgrund einiger essentieller Erweiterungen, die ich fast immer brauche, aber nicht auf 3.0 laufen, setze ich meine Systeme immer noch nicht mit 3.xx auf.

    Daher die kurze Frage. Ich hoffe es ist ok, das ich diese hier stelle.

    Gruß
    Thomas
    Klar ist es ok hier zu fragen. Die Frage kam schon vor einiger Zeit ebenfalls auf. Der Punkt ist, es ist die Erweiterung mit der ich mir Erweiterungs-Programmierung von Contao angeeignet habe. Da im September C3 schon fast fertig war und sich dort eine Menge geändert hat, wollte ich keine Kompromisse eingehen und es gleich "richtig" bzw. zukunftsorientiert machen, da C3 früher oder später die C2 ersetzen wird. Theoretisch wäre eine Version auch für 2er möglich, aber ich nutze an sehr vielen Stellen schon die "3er only" Funktionalität. Man müßte also einigen Aufwand betreiben. Ich selbst gehe aber davon aus, daß viele Erweiterungen für C3 in den nächsten Wochen/Monaten angepaßt werden. Dennoch werde auch ich erst Projekte auf C3 migrieren, wenn die entsprechenden Erweiterungen verfügbar sind und stabil laufen und muß z.B. auf den Slider hier auch verzichten.

  4. #4
    Contao-Urgestein
    Registriert seit
    30.01.2011.
    Ort
    Stuttgart
    Beiträge
    4.138

    Standard

    Ich kämpfe leider auch mit der contao 2.11 er basis...

  5. #5
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    das bisschen Erfahrung das ich bis jetzt mit dieser Erweiterung gemacht habe ist durchwegs positiv.
    Auch wenn die eine oder andere Frage dazu aufgetaucht ist, so war diese entweder rasch über die
    Suchfunktion gefunden, oder durch die Community beantwortet.

    Wie seid ihr zurecht gekommen?
    ... auch für mich, als Anfänger, ausreichend beschrieben und übersichtlich gestaltet
    Sind die Einstellungs-Beschreibungen verständlich?
    ... ja, sind sie
    Womit habt ihr gekämpft?
    ... CSS Pagination (siehe thread), Browser-abhängige "abgeschnittene" Darstellung (siehe thread)
    Hat euch etwas genervt? (damit meine ich jedoch nicht die individuelle CSS-Formatierung, die ihr erstellen wollt )
    ... bislang nichts
    Was könnte man verbessern?
    ... verbessern kann man immer was - aber einen Wunsch möchte ich unterhalb nochmals kurz formulieren
    Sind die Wrapper-Elemente ausreichend/sinnvoll?
    ... für meinen Anwendungsfall JA

    Anregung/Wunsch:
    ist es möglich in den Einstellungen Alternativen zu den Standards <span>prev</span> und <span>next</span> anzubieten?
    Also, dass man in einem Auswahlfeld mal selbst was reinschreiben kann (z.B. zurück und weiter), das dann in das Script
    übertragen wird? Wäre möglicherweise für Nicht-php-ler (so wie ich einer bin) von Vorteil, wenn man das ohne
    Eingriff in das Template lösen möchte ...
    Oder/Und als Auswahlmöglichkeit anstatt der Numerierungen (Anzahl der Elemente), einfach Buttons/Kästchen

    Oder sind diese Wünsche/Anregungen mit CSS zu lösen? Falls JA, sag ich schon mal Danke für den entsprechenden
    Hinweis/Tipp, wie man das umsetzen kann

    DANKE & Kompliment für die Erweiterung!
    Grüsse
    Bernhard

  6. #6
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von derRenner Beitrag anzeigen
    Anregung/Wunsch:
    ist es möglich in den Einstellungen Alternativen zu den Standards <span>prev</span> und <span>next</span> anzubieten?
    Also, dass man in einem Auswahlfeld mal selbst was reinschreiben kann (z.B. zurück und weiter), das dann in das Script
    übertragen wird? Wäre möglicherweise für Nicht-php-ler (so wie ich einer bin) von Vorteil, wenn man das ohne
    Eingriff in das Template lösen möchte ...
    Oder/Und als Auswahlmöglichkeit anstatt der Numerierungen (Anzahl der Elemente), einfach Buttons/Kästchen

    Oder sind diese Wünsche/Anregungen mit CSS zu lösen? Falls JA, sag ich schon mal Danke für den entsprechenden
    Hinweis/Tipp, wie man das umsetzen kann
    Hallo Bernhard,

    vielen Dank für deinen Bericht.

    Theoretisch wäre das möglich, aber man braucht auch so nichts programmieren, wenn man den Text im Template ändern will. Problem bei dem ganzen ist, daß es nicht sprachunabhängig ist. Ich muß mal schauen, ob es nicht im Contao-Core irgendeine passende Beschreibung gibt, die ich da platzieren kann.

    Die Nummerierungen bei der Pagination erstellt das JavaScript Plugin selbstständig. Darauf habe ich leider keinen Einfluss. Du kannst aber alle Sachen auch rein per CSS lösen. Mit xxx { left: -999em; } oder ähnlichem kannst du die Text-Elemente einfach in den nicht sichtbaren Bereich verschieben (verschieben und nicht ausblenden mittels display: none, um barrierefrei zu bleiben). Und auf den Link setzt du dann ein Hintergrundbild. Mehr ist gar nicht zu tun.

    Grüße...
    ...Dirk

  7. #7
    Contao-Fan Avatar von jenda
    Registriert seit
    20.06.2009.
    Ort
    Berlin
    Beiträge
    484

    Standard Höhe der Bilder wird nicht übernommen

    Hallo,

    ich finde die Erweiterung wunderbar. Bei den Textelementen klappt es wunderbar. Leider aber nicht mehr mit einzelnen Bildern, weil die Erweiterung deren Höhe nicht übernimmt - ich will responsive Design benutzen. Oder gibt es da einen anderen Trick, wie ich es lösen kann?

    Liebe Grüße,

    Jan

  8. #8
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von jenda Beitrag anzeigen
    ich finde die Erweiterung wunderbar. Bei den Textelementen klappt es wunderbar. Leider aber nicht mehr mit einzelnen Bildern, weil die Erweiterung deren Höhe nicht übernimmt - ich will responsive Design benutzen. Oder gibt es da einen anderen Trick, wie ich es lösen kann?
    Hallo Jan,

    verstehe nicht so recht was du meinst. Responsive bedeutet ja gerade, daß sich die Größe variabel an die Umgebung anpaßt. In diesem Modus werden die ursprünglichen Bild-Größen ignoriert bzw. korrigiert. Man vergibt hier auch meist prozedurale Größen an denen sich dann die Inhalte anpassen, wie z.B. Breite 100%. Hier ein Beispiel einer Seite (von Nina umgesetzt), die den Slider responsive einsetzt und wo du das Verhalten gut erkennen kannst: http://www.werk36.de und hier noch die responsive Beispiel-Seiten von Entwickler des Sliders: http://caroufredsel.dev7studios.com/...-carousels.php

    Grüße...
    ...Dirk

  9. #9
    Contao-Fan Avatar von MacPix
    Registriert seit
    11.07.2011.
    Ort
    Zürich
    Beiträge
    552

    Standard

    Hallo Contao-Leute

    Der Slider ist eine coole Sache, nur habe ich 2 kleine Probleme

    Wenn ich die Seite neu Lade oder einfach von einem Menüpunkt zum andern gehe, ist das Bild in Slider nicht da. ich muss dann das fester des Browsers nur minim im der Breite ändern, und das Bild ist da, der Slider funktioniert ....

    Wie kann ich das Problem lösen ??


    Das andere wäre, der Inhalt in der Mobileversion ist im Slider. und verschiebst sich nicht in der Höhe mit dem Bild des Sliders.

    Besten Dank für eure Tips

  10. #10
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    hmm also ohne Link kann ich da nichts weiter zu sagen. Ist es der Hintergrundslider oder ein ganz normaler? Das "Problem" kenn ich so nicht.

    Wegen der mobilen Version kann ich das auch gerade nicht nachvollziehen. Es soll wohl ein Problem geben unter iOS wenn sich der Viewport von hoch nach quer ändert. Das hat aber nichts mit dem Slider zu tun, sondern ist ein allgemeines Problem. Allerdings habe ich kein iOS und kann das nicht testen.

    Letztlich kann ich so oder so nur Fehler in der Erweiterung selbst verbessern. Wenn im Script etwas falsch sein sollte kann ich nur Fred nen Bug-Report schicken. Die Erfahrung zeigt jedoch, daß es meist nur Anwendungsfehler oder Fehler in Browsern sind, die man anderweitig (z.B. CSS) ausbügeln muß.

  11. #11
    Contao-Nutzer
    Registriert seit
    26.06.2013.
    Ort
    Berlin
    Beiträge
    98

    Standard

    Hallo Dirch,

    ich empfinde, zumindest über Vorschau, die Möglichkeiten des Sliders sehr gut. Meine Aussage bezieht sich derzeit nur auf die Theorie, was meine Webseite unter Contao 3.1.1 betrifft, da ich nach der Installation über die Erweiterungsverwaltung ziemliche Probleme mit dem LogIn habe. Da ich dazu keinen entsprechenden Thread gefunden hatte, hatte ich mein Problem vorhin hier eingestellt. Soweit mein "privates Gewurschtel".

    In der "funktionierenden" Praxis habe ich mir den Slider mal unter Typo (auf unserer Firmen-Webseite im BE - in der Vorschau) angeschaut - zwar nicht Contao, aber egal *lach*

    Hier empfinde ich diese Erweiterung als sehr empfehlenswert - auch wenn diese schon höhere Ansprüche an den "Redakteur" stellt.

    Fazit also erst einmal: *Daumen hoch"

    Beste Grüße aus Berlin

  12. #12
    Contao-Nutzer
    Registriert seit
    08.09.2011.
    Beiträge
    16

    Standard Hallo Dirch

    Hallo zusammen...

    Verstehe etwas nicht....

    Ich habe den Slider im Header sauber eingebaut und läuft alles top (vielen dank für den super slider).

    Jetzt wenn ich auf einer seite einen neuen Artikel einfüge und in diesem Artikel einen INSERT TAG mit dem Verweis auf eine TLP Datei
    setze (Externer Banner Link), erscheinen alle Slider Bilder auf der gesamten Seite untereinander !

    Was mache ich da falsch....verstehe das nicht und benötige externe Banner Links zu Angeboten meiner Partner auf
    der Seite.

    Besten Dank für euer Feedback....

    Gruss

    Markus

  13. #13
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zeig doch mal die Seite, oder/und validiere mal den Quellcode.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  14. #14
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von markusch Beitrag anzeigen
    Jetzt wenn ich auf einer seite einen neuen Artikel einfüge und in diesem Artikel einen INSERT TAG mit dem Verweis auf eine TLP Datei
    setze (Externer Banner Link), erscheinen alle Slider Bilder auf der gesamten Seite untereinander !
    Hallo Markus,

    wenn die Bilder eigentlich im Slider liegen würden, dann aber untereinander angezeigt werden, deutet das immer daraufhin, daß das JavaScript nicht gestartet oder mit einem Fehler abgebrochen wurde.

    Grüße...
    ...Dirk

  15. #15
    Contao-Nutzer
    Registriert seit
    24.06.2012.
    Beiträge
    205

    Standard

    Hallo,
    ich hatte soweit keine Probleme und konnte auch alles geplante realisieren.

    Ein einziger Punkt an dem ich gescheitert bin ist das Template für den NEWSslider:
    siehe Beitrag: caroufredsel / experten sind gefragt / newsticker

    Denke aber dass sich das sicher auch lösen lässt (oder es vielleicht in folge mal ein angepasstes Template gibt)

    Ich selber werde weiterhin versuchen das ganze umzusetzen (sofern ich Zeitlich dazukomme)

    beste Grüße
    Thomas

  16. #16
    Contao-Nutzer
    Registriert seit
    08.09.2011.
    Beiträge
    16

    Standard Problem mit Slider und Artikel mit .TPL Insert Tag

    Hallo zusammen, und danke euch für die schnellen Rückmeldungen.

    Hier nun der Quellcode, wenn der Fehler auftritt mit aktivem INSERT TAG Artikel.

    Danke für eure Hilfe (kann gut möglich sein, dass da Fehler vorhanden sind)

    Grüsse Markus

    HTML-Code:
    <!DOCTYPE html>
    <html lang="de">
    <head>
    
      <meta charset="utf-8">
      <title>Home - pcatwork.ch ∙ informatik services</title>
      <base href="http://pcatcloud.ch/">
    
      <meta name="robots" content="index,follow">
      <meta name="description" content="Die Firma pcatwork.ch ∙ informatik services kann Ihnen den professionellen Service bieten, der Ihnen als unser Kunde zusteht. Wir haben uns spezialisiert um Firmen- und Privatkunden bei bestehenden und neuen IT-Projekten zur Seite zu stehen.">
      <meta name="keywords" content="">
      <meta name="generator" content="Contao Open Source CMS">
    
      <meta name="viewport" content="width=device-width,initial-scale=1.0">
      <style>#left{width:240px;right:240px}#container{padding-left:240px}</style>
      <link rel="stylesheet" href="system/modules/dlh_googlemaps/html/dlh_googlemaps.css">
    <link rel="stylesheet" href="assets/css/da9fadee7f53.css">
        <script src="assets/js/a41d255dfe74.js"></script>
    
    <script>
    progressBarColor_50 = '#8bb438';
    progressBarBackgroundColor_50 = '#666666';
    </script>
    <style type="text/css">
    #caroufredsel_skin_50 .caroufredsel_bar_wrapper {
    	position: absolute;
    	top: 10px;
    	right: 10px;
    }
    
    
    
    /* navigation */
    #caroufredsel_skin_50 .caroufredsel_navi a, #caroufredsel_skin_50 .caroufredsel_thumbnails_navi a {
    	text-indent: -999em;
    	background-size: 32px 32px;
    	background-repeat: no-repeat;
    	background-position: center;
    	width: 32px;
    	height: 32px;
    	position: absolute;
    	opacity: 0;
    	transition: opacity 0.4s;
    	-webkit-transition: opacity 0.4s;
    }
    #caroufredsel_skin_50:hover .caroufredsel_prev,
    #caroufredsel_skin_50:hover .caroufredsel_next { opacity: 1; }
    #caroufredsel_skin_50 .caroufredsel_navi a {
    	top: 50%; margin-top: -18.5px;
    }
    #caroufredsel_skin_50 .caroufredsel_navi a.disabled { cursor: default; opacity: 0; }
    
    
    /* prev */
    #caroufredsel_skin_50 a.caroufredsel_prev {
    	left: 15px;
    	background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_left.svg);
    }
    #caroufredsel_skin_50 a.caroufredsel_prev:hover {
    	background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_left_hover.svg);
    }
    
    
    /* next */
    #caroufredsel_skin_50 a.caroufredsel_next {
    	right: 15px;
    	background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_right.svg);
    }
    #caroufredsel_skin_50 a.caroufredsel_next:hover {
    	background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_right_hover.svg);
    }
    
    
    /* pagination */
    #caroufredsel_skin_50 .caroufredsel_pagi { text-align: center; position: relative; top: -22px; height: 0; }
    #caroufredsel_skin_50 .caroufredsel_pagi a {
    	text-indent: -9999em;
    	background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_page.svg);
    	background-size: 16px;
    	background-repeat: no-repeat;
    	background-position: center;
    	width: 16px;
    	height: 16px;
    	display: inline-block;
    	padding: 0 3px;
    }
    #caroufredsel_skin_50 .caroufredsel_pagi a.selected { background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_page_hover.svg); cursor: default; }
    
    
    /* progress bar */
    #caroufredsel_skin_50 .caroufredsel_bar_wrapper {
    	position: absolute;
    	top: 10px;
    	right: 10px;
    }
    </style>
    <link rel="apple-touch-icon" type="image/vnd.microsoft.icon" href="http://pcatcloud.ch/assets/images/4/pcaw_favicon-ca9640d4.png" />
    <link rel="icon" type="image/vnd.microsoft.icon" href="http://pcatcloud.ch/favicon.ico" />
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://pcatcloud.ch/favicon.ico" />
    <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
      <!--[if lt IE 9]><script src="assets/html5shiv/3.6.2/html5shiv.js"></script><![endif]-->
    
    </head>
    <body id="top" class="win firefox gecko fx24">
    
      <div id="wrapper">
    
              <header id="header">
            <div class="inside">
              
    <!-- indexer::stop -->
    <div class="mod_form mod_search tableless block">
    
      
      <form action="index.php/de/suche.html" id="f3" method="get" enctype="application/x-www-form-urlencoded">
        <div class="formbody">
                                  <input type="text" name="keywords" id="ctrl_13" class="text" value="Suche"><br>
      <div class="submit_container">
        <input type="image" src="files/blue_business/lupe.png" id="ctrl_31" class="submit" title="Suche" alt="Suche">  </div>
              </div>
      </form>
    
    </div>
    <!-- indexer::continue -->
    
    <a title="pcatwork.ch" href="#"><img height="57" width="275" alt="Logo" src="files/blue_business/logo_pcaw.png" class="logo" /></a>
    <!-- indexer::stop -->
    <nav class="mod_navigation hauptnavi block">
    
      
      <a href="index.php/de/#skipNavigation36" class="invisible">Navigation überspringen</a>
    
      
    <ul class="level_1">
                <li class="active first"><span class="active first">Home</span></li>
                    <li class="sibling"><a href="index.php/de/dienstleistungen.html" title="Dienstleistungen" class="sibling" accesskey="2">Dienstleistungen</a></li>
                    <li class="sibling"><a href="index.php/de/cloud-server.html" title="Cloud Services" class="sibling" accesskey="2">Cloud Services</a></li>
                    <li class="sibling"><a href="index.php/de/remote-support.html" title="Support" class="sibling" accesskey="3">Support</a></li>
                    <li class="sibling"><a href="index.php/de/informationen.html" title="Informationen" class="sibling" accesskey="3">Informationen</a></li>
                    <li class="sibling last"><a href="index.php/de/firma.html" title="Unternehmen" class="sibling last" accesskey="4">Unternehmen</a></li>
          </ul>
    
      <a id="skipNavigation36" class="invisible">&nbsp;</a>
    
    </nav>
    <!-- indexer::continue -->
    
    <div class="mod_caroufredsel dk99 block">
    <div class="caroufredsel_skin" id="caroufredsel_skin_50">
    <div class="caroufredsel" id="caroufredsel_50">
    
    <div class="ce_image block">
    
      
      <figure class="image_container">
    
        
        <img src="assets/images/7/slider_pict01_zyxel_gross_NEU-4770e027.png" width="1050" height="402" alt="">
    
        
        
      </figure>
    
    </div>
    
    <div class="ce_image block">
    
      
      <figure class="image_container">
    
        
        <img src="files/blue_business/Slider/slider_pict03_support_gross_NEU.png" width="980" height="375" alt="">
    
        
        
      </figure>
    
    </div>
    
    <div class="ce_image block">
    
      
      <figure class="image_container">
    
        
        <img src="files/blue_business/Slider/slider_pict05_cloud_gross_NEU.png" width="980" height="375" alt="">
    
        
        
      </figure>
    
    </div>
    
    <div class="ce_image block">
    
      
      <figure class="image_container">
    
        
        <img src="files/blue_business/Slider/slider_pict02_hp_gross_NEU.png" width="980" height="375" alt="">
    
        
        
      </figure>
    
    </div>
    
    <div class="ce_image block">
    
      
      <figure class="image_container">
    
        
        <img src="files/blue_business/Slider/slider_pict04_sym_gross_NEU.png" width="980" height="375" alt="">
    
        
        
      </figure>
    
    </div>
    </div>
    <div class="clearfix"></div>
    <div class="caroufredsel_bar_wrapper" id="caroufredsel_bar_wrapper_50">
    <canvas class="caroufredsel_bar" id="caroufredsel_bar_50"></canvas>
    </div>
    <div class="caroufredsel_controls" id="caroufredsel_controls_50">
    <div class="caroufredsel_navi" id="caroufredsel_navi_50">
    <a class="caroufredsel_prev" id="caroufredsel_prev_50" href="#"><span>Zurück</span></a>
    <a class="caroufredsel_next" id="caroufredsel_next_50" href="#"><span>Vorwärts</span></a>
    </div>
    <div class="caroufredsel_pagi" id="caroufredsel_pagi_50"></div>
    </div>
    </div>
    </div>
    
    <!-- indexer::stop -->
    <div class="mod_breadcrumb block">
    
      
      <ul>
                      <li class="first"><a href="index.php/de/" title="pcatwork.ch ∙ informatik services">pcatwork.ch</a></li>
                            <li class="active last">Home</li>
                </ul>
    
    </div>
    <!-- indexer::continue -->
            </div>
          </header>
        
        
        <div id="container">
          <div id="main">
            <div class="inside">
              
    <div class="mod_article block" id="index">
    
          <!-- indexer::stop -->
        <div class="pdf_link">
    
                  <a href="#" rel="nofollow" title="Diese Seite drucken" onclick="window.print();return false"><img src="assets/contao/images/print.gif" width="16" height="16" alt=""></a>
          
                  <a href="index.php/de/?pdf=1" rel="nofollow" title="Artikel als PDF drucken"><img src="assets/contao/images/pdf.gif" width="16" height="16" alt=""></a>
          
          
          
                  <a href="share/?p=gplus&amp;u=http%3A%2F%2Fpcatcloud.ch%2Findex.php%2Fde%2F&amp;t=Home" rel="nofollow" title="Auf Google+ teilen" onclick="window.open(this.href,'','width=600,height=200,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"><img src="assets/contao/images/gplus.gif" width="16" height="16" alt=""></a>
          
        </div>
        <!-- indexer::continue -->
      
      
    <h1 class="ce_headline">
      Willkommen im Netz...</h1>
    
    <div class="ce_text block">
    
      
          <p>Die Firma pcatwork.ch ∙ informatik services kann Ihnen den professionellen Service bieten, der Ihnen als unser Kunde zusteht. Wir haben uns spezialisiert um Firmen- und Privatkunden bei bestehenden und neuen IT-Projekten zur Seite zu stehen.<br> <br> Wir realisieren Ihre Projekte im Client/Server-Umfeld, Netzwerklösungen (LAN, WAN, WLAN, Firewall), Vernetzte Videoüberwachung sowie Planung und Ausführung von Hospitality-Projekten (WLAN-HotSpot in Hotel, Restaurant, Schulen, Camping und anderen öffentlichen Bereichen).<br> <br> Die Betreuung der IT-Infrastruktur ist ein wichtiger Bestandteil für einen reibungslosen Ablauf der täglichen Geschäfte in einem erfolgreichen Unternehmen und sollte unter Kontrolle von IT-Spezialisten stehen. Wir bieten Ihnen komplette Support-Pakete, um Sie vor unangenehmen Überraschungen zu schützen und gleichzeitig Kosten zu sparen.</p>  
      
      
    </div>
    
    <div class="ce_text block" style="margin-top:25px; margin-bottom:25px;">
    
          <h4>Zyxel Hospitality</h4>
      
          <p>Als zertifizierter ZyXEL Hospitality Specialist bieten wir Ihnen eine kompetente Beratung für die Umsetzung von HotSpot-Lösungen in Ihrem Unternehmen oder Öffentlichen Bereichen wie Hotel, Restaurant, Camping und Schulen.</p>  
          <figure class="image_container float_below" style="padding-top:35px;text-align: center;">
    
          
          <img src="files/blue_business/ZyXEL/Zyxel_Banner_06.png" width="468" height="162" alt="">
    
          
          
        </figure>
      
      
    </div>
    
    <div class="ce_text block">
    
      
          <p><script type='text/javascript' src='https://feed.microsoft.com/FeedStore/GetFeed.ashx?FeedId=7508532c-4de1-4f44-b28f-96c44e94ac17&CompanyName=pcatwork.ch%20-%20informatik%20services&AddressLine1=Feldmattstrasse%203&City=Emmen&State=Luzern&PostalCode=6032&CompanyPhoneNumber=%2041%20%280%29%2076%20611-1010&CompanyURL=http%3a%2f%2fwww.pcatwork.ch&EmailID=info%40pcatwork.ch&width=600px&height=250px'></script></p>  
      
      
    </div>
    
      
    </div>
            </div>
                  </div>
    
                  <aside id="left">
              <div class="inside">
                
    <!-- indexer::stop -->
    <div class="mod_newslist block" id="breaking_news">
    
          <h3>Info Cloud</h3>
      
      
    <div class="layout_short block first even">
    
          <p class="info"><time datetime="2013-07-01T12:00:00+02:00">01.07.2013 12:00:00</time>  </p>
      
      <h2><a href="index.php/de/news/hp-golden-offers-2013.html" title="Den Artikel lesen: HP Golden Offers 2013">HP Golden Offers 2013</a></h2>
    
      <div class="teaser">
        <p>HP Golden Offers 2013 mit interessanten Angeboten für Unternehmen und Privatpersonen</p>  </div>
    
          <p class="more"><a href="index.php/de/news/hp-golden-offers-2013.html" title="Den Artikel lesen: HP Golden Offers 2013">Weiterlesen … <span class="invisible">HP Golden Offers 2013</span></a></p>
      
    </div>
    
    <div class="layout_short block odd">
    
          <p class="info"><time datetime="2013-07-01T12:00:00+02:00">01.07.2013 12:00:00</time>  </p>
      
      <h2><a href="index.php/de/news/symantec.html" title="Den Artikel lesen: Symantec">Symantec</a></h2>
    
      <div class="teaser">
        <p>Symantec Security und Backup News - Symantec Endpoint Protection - Symantec Backup Exec 2012 / 2013</p>  </div>
    
      
    </div>
    
    <div class="layout_short block last even">
    
          <p class="info"><time datetime="2013-07-01T12:00:00+02:00">01.07.2013 12:00:00</time>  </p>
      
      <h2><a href="index.php/de/news/microsoft.html" title="Den Artikel lesen: Microsoft">Microsoft</a></h2>
    
      <div class="teaser">
        <p>Microsoft Office 365 - Microsoft Office 2013 - Microsoft Windows Server 2013 - Microsoft Exchange 2013 - Microsoft Sharepoint 2013</p>  </div>
    
      
    </div>
    
      
    </div>
    <!-- indexer::continue -->
    
    <!-- indexer::stop -->
    <div class="mod_newslist block" id="breaking_news">
    
          <h3>Web • Cloud Services</h3>
      
      
    <div class="layout_short block first even">
    
          <p class="info"><time datetime="2013-08-01T12:00:00+02:00">01.08.2013 12:00:00</time>  </p>
      
      <h2><a href="index.php/de/news/cloud-store.html" title="Den Artikel lesen: Cloud Store">Cloud Store</a></h2>
    
      <div class="teaser">
        <p>Cloud Store</p>  </div>
    
          <p class="more"><a href="index.php/de/news/cloud-store.html" title="Den Artikel lesen: Cloud Store">Weiterlesen … <span class="invisible">Cloud Store</span></a></p>
      
    </div>
    
    <div class="layout_short block last odd">
    
          <p class="info"><time datetime="2013-08-01T12:00:00+02:00">01.08.2013 12:00:00</time>  </p>
      
      <h2><a href="index.php/de/news/cloud-server.html" title="Den Artikel lesen: Cloud Server">Cloud Server</a></h2>
    
      <div class="teaser">
        <p>Cloud Server VPS und VDS basierend auf Windows und Linux Betriebssystem.</p>  </div>
    
          <p class="more"><a href="index.php/de/news/cloud-server.html" title="Den Artikel lesen: Cloud Server">Weiterlesen … <span class="invisible">Cloud Server</span></a></p>
      
    </div>
    
      
    </div>
    <!-- indexer::continue -->
              </div>
            </aside>
          
              </div>
    
        
              <footer id="footer">
            <div class="inside">
              
    <div style="width: 100%; height: 275px;">
    <div style="width: 100%; height: 260px; border-bottom: 1px dotted rgb(153, 153, 153); margin-left: 0px; padding-top: 30px; clear: both;">
      <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 15px; font-weight: bold; padding-bottom: 15px;">KONTAKT</div>
    <div style="font-size: 13px; color: rgb(204,204,204);"><a href="index.php/de/firma.html" style="color: rgb(204,204,204); text-decoration:none;">Firma</a><br />
    <a href="index.php/de/kontakt.html" style="color: rgb(204,204,204); text-decoration:none">Kontakt</a><br>
    <a href="index.php/de/suche.html" style="color: rgb(204,204,204); text-decoration:none;">Suche</a><br>
    <a href="index.php/de/downloads.html" style="color: rgb(204,204,204); text-decoration:none;">Downloads</a></div>
    </div>
    <div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;">&nbsp;</div>
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 15px; font-weight: bold; padding-bottom: 15px;">WEB • CLOUD SERVICES</div>
    <div style="font-size: 13px; color: rgb(204,204,204); text-decoration:none;"><a href="index.php/de/webdesign.html" style="color: rgb(204,204,204); text-decoration:none;">Webdesign</a><br />
      <a href="index.php/de/cloud-hosting.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud Hosting</a><a href="account.php" style="color: rgb(204,204,204); text-decoration:none;"></a><br />
    <a href="index.php/de/cloud-server.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud VPS</a><br>
    <a href="index.php/de/cloud-server.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud VDS</a><br>
    <a href="index.php/de/cloud-backup.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud Backup</a><br>
    <a href="index.php/de/cloud-store.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud Store</a></div>
    </div>
    <div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;">&nbsp;</div>
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 15px; font-weight: bold; padding-bottom: 15px;">DIENSTLEISTUNGEN</div>
    <div style="font-size: 13px; color: rgb(204,204,204);"><a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Client - Server</a><br />
      <a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Networking</a><a href="index.php?cat=c107_Terraristik.html#107" style="color: rgb(204,204,204); text-decoration:none;"></a><br />
    <a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">WLAN HotSpot</a><a href="index.php?cat=c413_Katze.html#413" style="color: rgb(204,204,204); text-decoration:none;"><br>
    </a><a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Vernetzte Videoüberwachung</a><a href="index.php?cat=c413_Katze.html#413" style="color: rgb(204,204,204); text-decoration:none;"><br>
    </a><a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Hardware / Software</a></div>
    </div>
    <div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;">&nbsp;</div>
    <div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
    <div style="font-size: 15px; font-weight: bold; padding-bottom: 15px; text-align: center;">LINKS <span style="font-size: 15px; font-weight: bold; padding-bottom: 15px;"></span> HELP</div>
      <div style="font-size: 13px; color: rgb(204,204,204); text-align: center;"><a href="files/blue_business/Support/pcatwork_windows.exe" target="_self"><img height="55" width="130" border="0" align="bottom" src="files/blue_business/remotesupport_link.png" alt="Remote Support" /></a><br />
        <a href="/helpdesk/" target="_blank"><img height="55" width="130" border="0" align="bottom" src="/files/blue_business/onlinesupport_link.png" alt="Ticket eröffnen" /></a></div>
    </div>
    </div>
    <div style="width: 100%; margin-left: 0px; padding: 2px;">
    <div style="font-family: 'Open Sans',Arial,sans-serif; color: rgb(180, 180, 180); font-size: 12px; letter-spacing: 1px;">
    <div style="width: 100%; float: left; overflow: hidden; padding-left: 380px;"><span style="font-size: 11px;">© 2013 - All rights reserved - pcatwork.ch</span><br>
      <br>
    </div>
    </div>
    <div class="nach_oben_link">
       <a href="index.php/de/#top">TOP</a>
    </div>        </div>
          </footer>
        
      </div>
    
      
    <script src="assets/jquery/ui/1.10.2/jquery-ui.min.js"></script>
    <script>
      (function($) {
        $(document).ready(function() {
          $(document).accordion({
            // Put custom options here
            heightStyle: 'content',
            header: 'div.toggler',
            collapsible: true
          });
          var activate = function(tog) {
            var tgs = $('div.toggler');
            tgs.removeClass('active');
            tog.addClass('active');
            tgs.next('div.accordion').attr('aria-hidden', 'true');
            tog.next('div.accordion').attr('aria-hidden', 'false');
          };
          $('div.toggler').focus(function(e) {
            $('div.toggler').attr('tabindex', 0);
            $(this).attr('tabindex', -1);
          }).blur(function() {
            $(this).attr('tabindex', 0);
          }).click(function() {
            activate($(this));
          }).keypress(function(event) {
            if (event.keyCode == 13) activate($(this));
          });
        });
      })(jQuery);
    </script>
    
    <script src="assets/jquery/mediaelement/2.11.3/js/mediaelement-and-player.min.js"></script>
    <script>
      (function($) {
        $(document).ready(function() {
          $('video,audio').mediaelementplayer({
            // Put custom options here
            pluginPath: '/assets/jquery/mediaelement/2.11.3/',
            flashName: 'legacy/flashmediaelement.swf',
            silverlightName: 'legacy/silverlightmediaelement.xap'
          });
        });
      })(jQuery);
    </script>
    
    <script src="assets/jquery/touchswipe/jquery.touchSwipe.min.js"></script>
    
    <script>
    (function($) {
    	$(document).ready(function() {
    		$("#caroufredsel_skin_50").css('visibility', 'hidden');
    	});
    	$(window).load(function() {
    		$("#caroufredsel_skin_50").css('visibility', 'visible');
    	});
    	$(window).load(function() {
    	    $("#caroufredsel_50").carouFredSel({
    responsive: true, onCreate: function(data) { data.items.addClass("visible"); }, items: { visible: "variable" }, scroll: { duration: 400, pauseOnHover: "resume", onBefore: function(data) { data.items.old.removeClass("visible"); $().hideProgressBar("caroufredsel_bar_wrapper_50"); }, onAfter: function(data) { data.items.visible.addClass("visible"); $().initProgressBar("caroufredsel_bar_50", { barBackgroundColor: progressBarBackgroundColor_50 }); } }, auto: { timeoutDuration: 3500, progress: { bar: "#caroufredsel_bar_50", updater: function(percentage) { $().updateProgressBar("caroufredsel_bar_50", { barColor: progressBarColor_50 }, percentage); }, interval: 35 }, onTimeoutStart: function(percentage, duration) { $().initProgressBar("caroufredsel_bar_50", { barBackgroundColor: progressBarBackgroundColor_50 }); $().showProgressBar("caroufredsel_bar_wrapper_50"); }, onTimeoutPause: function(percentage, duration) { $().hideProgressBar("caroufredsel_bar_wrapper_50"); } }, prev: { button: "#caroufredsel_prev_50", key: "left" }, next: { button: "#caroufredsel_next_50", key: "right" }, pagination: { container: "#caroufredsel_pagi_50" }, swipe: { onTouch: true } }, { onWindowResize: "debounce", wrapper: { classname: "caroufredsel_wrapper caroufredsel_wrapper_50" } }		);
    	});
    })(jQuery);
    </script>
    
    <script>
      (function($) {
        window.addEvent('domready', function() {
          new Fx.Accordion($$('div.toggler'), $$('div.accordion'), {
            opacity: false,
            alwaysHide: true,
            onActive: function(tog, el) {
              el.setProperty('aria-hidden', 'false');
              tog.addClass('active');
              tog.getNext('div').fade('in');
              tog.setProperty('aria-expanded', 'true');
              return false;
            },
            onBackground: function(tog, el) {
              el.setProperty('aria-hidden', 'true');
              tog.removeClass('active');
              tog.getNext('div').fade('out');
              tog.setProperty('aria-expanded', 'false');
              return false;
            }
          });
          $$('div.toggler').each(function(el) {
            el.setProperty('role', 'tab');
            el.setProperty('tabindex', 0);
            el.addEvents({
              'keypress': function(event) {
                if (event.code == 13) {
                  this.fireEvent('click');
                }
              },
              'focus': function() {
                this.addClass('hover');
              },
              'blur': function() {
                this.removeClass('hover');
              },
              'mouseenter': function() {
                this.addClass('hover');
              },
              'mouseleave': function() {
                this.removeClass('hover');
              }
            });
          });
          $$('div.ce_accordion').each(function(el) {
            el.setProperty('role', 'tablist');
          });
          $$('div.accordion').each(function(el) {
            el.setProperty('role', 'tabpanel');
          });
        });
      })(document.id);
    </script>
    
    <script src="assets/mootools/mediabox/1.4.6/js/mediabox.js"></script>
    <script>
      (function($) {
        window.addEvent('domready', function() {
          var links = $$('a').filter(function(el) {
            return el.getAttribute('data-lightbox') != null;
          });
          $$(links).mediabox({
            // Put custom options here
          }, function(el) {
        	  return [el.href, el.title, el.getAttribute('data-lightbox')];
          }, function(el) {
            var data = this.getAttribute('data-lightbox').split(' ');
            return (this == el) || (data[0] && el.getAttribute('data-lightbox').match(data[0]));
          });
          $('mbImage').addEvent('swipe', function(e) {
            (e.direction == 'left') ? $('mbNextLink').fireEvent('click') : $('mbPrevLink').fireEvent('click');
          });
        });
      })(document.id);
    </script>
    
    <script src="assets/swipe/2.0/js/swipe.min.js"></script>
    <script>
      (function($) {
        window.addEvent('domready', function() {
          $$('.ce_sliderStart').each(function(cte) {
            var s = cte.getElement('.content-slider'),
                c = s.getAttribute('data-config').split(',');
            new Swipe(s, {
              // Put custom options here
              'auto': parseInt(c[0]),
              'speed': parseInt(c[1]),
              'startSlide': parseInt(c[2]),
              'continuous': parseInt(c[3]),
              'menu': cte.getElement('.slider-control')
            });
          });
        });
      })(document.id);
    </script>
    
    
    
          <script>
                  setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-86400&&jQuery.ajax("system/cron/cron.php")}})},5e3)
              </script>
      
    </body>
    </html>

  17. #17
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das Javascript von Microsoft haut dir da den Fehler rein http://js.microsoft.com/library/mnp/2/wt/js/wt.js

    Finde ich nicht gut, so viel Quelltext hier zu posten, kannst auch ne zip Datei anhängen, oder besser noch die html Seite irgendwo hin legen und den Link geben.

    ps Im Quellcode sind grobe Fehler.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  18. #18
    Contao-Nutzer
    Registriert seit
    08.09.2011.
    Beiträge
    16

    Standard

    Sorry

    Wusste halt nicht, wie ich den Quellcode sonst einfügen soll.....bin relativ neu hier !

    Danke und Grüsse

    Markus

  19. #19
    Contao-Nutzer
    Registriert seit
    11.11.2009.
    Ort
    Schweiz
    Beiträge
    22

    Standard

    Super Erweiterung!
    Frage:
    Warum muss ich einen erstellen Slider zuerst noch in einem Modul importieren, damit man den Slider als Inhalts Element in die Seite einbinden kann?
    Wäre es nicht einfacher ohne diesen zusätzlichen Schritt? (Siehe z.B Flexslider, den kann man einfach als normales Inhaltselement einbinden.)

  20. #20
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von f1shman Beitrag anzeigen
    Super Erweiterung!
    Frage:
    Warum muss ich einen erstellen Slider zuerst noch in einem Modul importieren, damit man den Slider als Inhalts Element in die Seite einbinden kann?
    Wäre es nicht einfacher ohne diesen zusätzlichen Schritt? (Siehe z.B Flexslider, den kann man einfach als normales Inhaltselement einbinden.)
    Ich verstehe nicht so recht was du meinst. Du kannst doch auch den caroufredsel als normales Inhaltselement einbinden?!

  21. #21
    Contao-Nutzer
    Registriert seit
    11.11.2009.
    Ort
    Schweiz
    Beiträge
    22

    Standard

    hmm bin ich blind? ;-)
    ich habe nur diese Möglichkeiten:
    - Wrapper
    - Hintergrund
    - Gallery

    Fehlt mir etwas?

  22. #22
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von f1shman Beitrag anzeigen
    hmm bin ich blind? ;-)
    ich habe nur diese Möglichkeiten:
    - Wrapper
    - Hintergrund
    - Gallery

    Fehlt mir etwas?
    Nein alles da. Wenn du nicht nur Bilder sliden willst, dann platzierst du deine Elemente zwischen dem Start- und Stop-Wrapper. Die Inhalte, die du in der Konfiguration hinterlegst werden dort NUR platziert, wenn du ihn als Modul einbinden willst. Sonst bleibt dies leer.

  23. #23
    Contao-Nutzer
    Registriert seit
    11.11.2009.
    Ort
    Schweiz
    Beiträge
    22

    Standard

    Ok. Aber es wäre doch am einfachsten wenn es bei den Möglichkeiten (Wrapper, Hintergrund, Gallery) noch ein Element "Slider" gäbe, wo man dann einfach die im Konfigurator erstellen Slider auswählen kann? Sonst muss man ja immer noch ein Modul erstellen?

  24. #24
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Hier steht wie es geht: http://de.contaowiki.org/Dk_carouFredSel

    Du wählst in allen CEs/Modulen eine Konfiguration, die du vorher angelegt hast. Das ist alles. Ich hab wirklich keine Ahnung, was du da versuchst von hinten durch die Brust zu machen.

  25. #25
    Contao-Nutzer
    Registriert seit
    11.11.2009.
    Ort
    Schweiz
    Beiträge
    22

    Standard

    Ich habe schon verstanden wie es geht...
    Hier in der Anleitung steht ja das Problem:
    Achtung:
    Man kann bei jedem Karussell Inhalts-Elemente hinterlegen. Diese werden jedoch nur verwendet, falls das Karussell als Modul eingebunden wird!

    --> Darum wäre es kuhl, wenn man dem Umweg übers Modul nicht machen müssten um ein Karusell mit Inhalten als Content Element einbinden will. (Siehe flexslider...)

  26. #26
    Contao-Fan
    Registriert seit
    08.07.2009.
    Beiträge
    530

    Standard

    Hallo Dirch,

    vielen Dank für diese Erweiterung!

    Ich habe mir einen Slider (bestehend aus 5 <img> Elementen) eben zum Test im IE9 angesehen und dort werden die Bilder einfach untereinander ausgegeben. Im IE8 scheint die Ansicht korrekt.
    Getestet wurde V. 1.3.0 mit Contao 2.3.7 im IETester. Ich habe schon verschiedene Loading-Varianten und Karussell-Größen versucht, bisher aber ohne Erfolg.
    Gibt es da einen Konflikt?

  27. #27
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von bird Beitrag anzeigen
    Hallo Dirch,

    vielen Dank für diese Erweiterung!

    Ich habe mir einen Slider (bestehend aus 5 <img> Elementen) eben zum Test im IE9 angesehen und dort werden die Bilder einfach untereinander ausgegeben. Im IE8 scheint die Ansicht korrekt.
    Getestet wurde V. 1.3.0 mit Contao 2.3.7 im IETester. Ich habe schon verschiedene Loading-Varianten und Karussell-Größen versucht, bisher aber ohne Erfolg.
    Gibt es da einen Konflikt?
    Heho,

    nein da gibt es keinen Konflikt. Wenn die Bilder untereinander angezeigt werden bedeutet das, daß das Script nicht gestartet wurde. Wenn alles aktiv ist wahrscheinlich durch einen JS-Fehler, der aber nicht zwingend beim Slider zu suchen ist. Da mußt du mal mit dem Firebug oder ähnlichem schauen was genau passiert.

  28. #28
    Contao-Urgestein Avatar von ways2web
    Registriert seit
    23.03.2010.
    Ort
    Berlin
    Beiträge
    1.698
    User beschenken
    Wunschliste

    Standard beinah gut.

    ich hab die extension auch mal getestet, da Sie ja wirklich eine menge an Einstellungen bietet.

    Aber bei mir arbeitet sie warum auch imemr nicht korrekt, wenn ich sie als background-cover nutze.

    Unter einer Bildschirmgröße von 1024 wird das Bild verzerrt und immer sehr weit nach links gedrückt... es findet also keine mittige zentrierung mehr statt. (firefox 29)
    in dem fall also alles andere als responsive, auch wenn ich diese Option in den Einstellungen aktiviert haben... wo der fehler liegt (an der extension oder an mir) kann ich nicht sagen.
    aber den Einstellungen nach hab ich nicht viel aktiv und sollte daher auch nichts falsche gemacht haben.

    Unter IE8 funktioniert der fade effekt nicht... dafür ist das oben erwähnte Problem nicht vorhanden...

    contao 3.2.5 (jquery 1.10.2)

  29. #29
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Danke für dein Feedback.

    Zitat Zitat von ways2web Beitrag anzeigen
    ich hab die extension auch mal getestet, da Sie ja wirklich eine menge an Einstellungen bietet.

    Aber bei mir arbeitet sie warum auch imemr nicht korrekt, wenn ich sie als background-cover nutze.

    Unter einer Bildschirmgröße von 1024 wird das Bild verzerrt und immer sehr weit nach links gedrückt... es findet also keine mittige zentrierung mehr statt. (firefox 29)
    in dem fall also alles andere als responsive, auch wenn ich diese Option in den Einstellungen aktiviert haben... wo der fehler liegt (an der extension oder an mir) kann ich nicht sagen.
    aber den Einstellungen nach hab ich nicht viel aktiv und sollte daher auch nichts falsche gemacht haben.

    Unter IE8 funktioniert der fade effekt nicht... dafür ist das oben erwähnte Problem nicht vorhanden...

    contao 3.2.5 (jquery 1.10.2)
    "responsive" wird beim Hintergrund-Slider ignoriert, da dieser prinzip bedingt responsive ist. Weiß nicht wie du dein Setup hast, aber bei mir läuft der Hintergrund-Slider einwandfrei. Auch unter FF 29. Hast du einen Link wo ich das betrachten kann? Noch andere Erweiterungen installiert?

    Bzgl. der Effekte habe ich keine handhabe. Das liegt innerhalb des Sliders selbst. Aber wenn etwas im IE 8 nicht funktioniert ist das für mich kein Beinbruch. Es gibt genug aktuelle Alternativen für Win XP...

  30. #30
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich habe in einer Website ein dk_caroufredsel Karussell integriert, das als Modul im Seitenlayout eingebunden wird. Funktioniert auch ganz prima, ich lasse da nur Bilder überblenden (crossfade), ohne horizontale oder vertikale Bewegung, sieht echt gut aus. Aber als ich dann noch eine Suchfunktion eingebaut habe, ist mir aufgefallen, dass bei jeder gefundenen Seite ausgegeben wurde "previous next previous next <normaler Seitentext>". Also der Text der Controls wird vom Indexer berücksichtigt. Ist das Absicht? Ich kann mir zwar vorstellen, dass da jemand einen Text ausgeben lässt, der indexiert werden soll. Ich habe es aber jetzt bei mir abgestellt, indem ich in den Templates ce_caroufredsel.html5 und mod_caroufredsel die entsprechenden Teile mit <!-- indexer::stop --> ... <!-- indexer::continue --> umschliesse. Jedes der Templates zeichnet für ein "previous next" verantwortlich.

  31. #31
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Ja der Indexer macht da wenig Sinn. Hatte ich bisher nicht dran gedacht und werde das mal in die offiziellen Templates aufnehmen. Bei den News ist das soweit ich mich erinnere drin.

    Danke für die Info.

  32. #32
    Contao-Nutzer
    Registriert seit
    21.06.2009.
    Ort
    Stuttgart
    Beiträge
    26

    Standard

    Hallo Dirch,

    ich spiele nun schon einige Zeit mit dk_caroufredsel und habe ein paar Anmerkungen dazu.

    Das Inhaltselement caroufredsel_gallery mag anscheinend keine SVG-Grafiken. Behelfsweise habe ich den caroufredsel_umschlag verwendet, dort lassen sich die einzeln eingebunden SVG-Grafiken sliden. Finde ich aber nicht so komfortabel wie die Gallery.

    Eigentlich habe ich vor, den Newsticker, den es nur als Modul gibt, mit der Gallery zu synchronisieren. Dazu habe ich die beiden Slider übereinander gelegt und Nachrichtentext und Grafik mit CSS positioniert. Die Synchronisation lässt sich leider über das Backend nicht einstellen. Nach längerer Suche hab ich hier im Forum einen dazu passenden Quellcode gefunden und ins Template eingebunden. Am einfächsten wäre es, wenn das Newstickermodul die Möglichkeit mitbringen würde, eine Grafik je nach Bedarf um den Nachrichtentext zu positionieren. Im Nachrichten-Archiv von Contao ist dies sowohl für den Teaser, wie auch für die vollständige Nachricht vorgesehen.

    Viele Grüße
    Marcus

  33. #33
    Contao-Fan
    Registriert seit
    20.10.2012.
    Ort
    Berlin
    Beiträge
    257

    Standard

    der Funktionsumfang ist spitze - ich hab's regelmäßig im Einsatz.
    Als ich ihn Letztens mit fredsel_gallery in eine nicht-responsive Seite einsetzen wollte habe ich allerdings die von mir im Theme definierten Bildgrößen vermisst.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 4 (Registrierte Benutzer: 0, Gäste: 4)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •