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

Hallo Matthias,

nach meinem Kenntnisstand kannst Du mit CSS3 Bilder nur abrunden, wenn das Bild als Hintergrundbild dem Element zugeordnet ist.

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

http://jquery.malsup.com/corner/

Kann mann das irgendwie dazubasteln?

lg Matthias

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

Du könntest ein separates div mit einem overlay.png mit absoluter Positionierung und entsprechendem z-index drüberlegen.

das wär doch noch ne Anregung für den oder die, die Imagesilder entwickelt haben
Round ecken :D, 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

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

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