Imageslider Runde Ecken

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • Messa
    Alter Contao-Hase
    • 19.01.2011
    • 1423

    #1

    Imageslider Runde Ecken

    Hallo Leute.

    Ist es möglich beim Imageslider Runde Ecken via CSS zu definieren.
    Habe es so versucht:

    Code:
    #elements1 {
    	behavior:url(border-radius-topleft.htc);
    	-moz-border-radius-topleft:65px;
    	-webkit-border-top-left-radius:65px;
    	-khtml-border-radius-topleft:65px;
    }
    Möchte das Links oben das Bild automatisch in CSS abgerundet wird.
    Villeicht habt ihr eine Idee.

    lg Matthias
    Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
    http://www.matthiasgmeiner.com
  • planepix
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    • 05.06.2009
    • 6686

    #2
    Hallo Matthias,

    nach meinem Kenntnisstand kannst Du mit CSS3 Bilder nur abrunden, wenn das Bild als Hintergrundbild dem Element zugeordnet ist.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), BlueSky: planepix
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de

    Glücklich sind die, die den Wert erkennen – und wertschätzen.

    Kommentar

    • Messa
      Alter Contao-Hase
      • 19.01.2011
      • 1423

      #3
      Hmm oky.
      Gibt es sonst eine möglichkeit?
      Kann man das mit Javascript lösen?
      wo kann ich den von der Erweiterung ändern?


      EDIT

      Es gibt ja so Round Corner mit JS



      Kann mann das irgendwie dazubasteln?

      lg Matthias
      Zuletzt geändert von Messa; 25.01.2011, 14:48.
      Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
      http://www.matthiasgmeiner.com

      Kommentar

      • psren
        Contao-Urgestein
        • 07.04.2010
        • 2733

        #4
        Es gibt eine Javascriptlösung.
        Ist allerdings jQuery... ich weiß nicht, ob es da auch für mooTools gibt.
        Ich hoffe es hilft wenigstens zu wissen dass es geht :P

        Wenn ich euch helfen konnte könnt ihr euch gerne mal
        meine Amazon Wunschliste anschauen. Dankeschön.

        Kommentar

        • stefan-at-work
          Community-Moderator
          • 05.06.2009
          • 1808

          #5
          Du könntest ein separates div mit einem overlay.png mit absoluter Positionierung und entsprechendem z-index drüberlegen.
          Contao-Partner: PREISS medienproduktion +++ Contao-Partnerprofil +++ Contao Themes Shop

          Kommentar

          • Messa
            Alter Contao-Hase
            • 19.01.2011
            • 1423

            #6
            das wär doch noch ne Anregung für den oder die, die Imagesilder entwickelt haben
            Round ecken , dass das noch niemand gebraucht hat

            Ich weiß das es sicherlich nicht oky aber ich muss fragen.
            Kann mir jemand das Programmieren? Ich kenne mich mit JS nicht sehr gut aus.
            Und bin über jede hilfe froh.
            Möcht einfach das der Kunde nacher die Bilder selber rein machen kann und
            ich nicht immer in PS die Bilder mir runden ecken rausrechnen muss

            lg
            Zuletzt geändert von Messa; 25.01.2011, 15:08.
            Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
            http://www.matthiasgmeiner.com

            Kommentar

            • Alexander
              Contao-Fan
              • 02.08.2009
              • 639

              #7
              Hi Messa,

              ich hab das schon gemacht und zwar indem du schlicht das zu slidende Bild im Template als Hintergrund einbindest. Lass dir einfach die Variablen des Templates ausgeben per
              Code:
              <pre><?php echo $this->showTemplateVars(); ?></pre>
              und dann den wert raussuchen, den du brauchst und per echo als bg einbinden. Ist zwar nicht ganz konform, aber hilfreich

              Grüße
              Alex
              ‎"The basic drives of humans are few: to get enough food, to find shelter, and to keep debt off the balance sheet."

              Kommentar

              • phreak
                Contao-Fan
                • 06.07.2009
                • 341

                #8
                Hi Messa,

                Nicht die beste aber auch eine Möglichkeit wenn du die Bilder nicht so oft wechselst. Abgerundete Ecken in Photoshop anlegen.

                Sonst fände ich auch jede andere Lösung spannend.

                Grüße

                Kommentar

                Lädt...