[jennifer]

hi ich grüsse euch ganz herzlichst,

ich möchte gern über oder mit php die banner/grafiken mit abgerundeten
ecken ausgeben, da ich in büchern nichts passendes gefunden habe auch nicht in selfphp.

hier sollen die ecken abgerundet sein (zb: den banner, frei zum eintragen)
http://www.jsh-scripte.de/sb-page/iframe-demo.php

wer hat bitte einen tipp oder wie man so etwas realisieren kann oder finde ich da etwas?

herzlichen dank jennifer

[Jann Hendrik]

Die Frage ist ja - was wird in der dann fehlenden Ecke angezeigt?

Ich denke, dass das mit PHP kein Problem ist zu realisieren.

Man brauch ja nur ein entsprechend großes Bild zu generieren, dass in den Ecken die Farbe hat, die dann da hinsoll und im Rest 'durchsichtig'. Dieses Bild einfach über das Original legen und als ein Bild ausgeben.

[jennifer]

hi jann,

das ist schon klar, aber wie macht man dies (welche php befehle) oder wo kann man dies nachlesen, wo man es dann programmieren kann oder mit in das programm intgriert.

herzlichen dank jennifer

[CIX88]

Mein erster Gedanke war, etwas mit zu Bézier Kurven machen:
http://www.mediacix.de/code/Image-mi...n-56-code.html
Das Beispiel bezieht sich jetzt zwar nicht genau auf die PHP Image-Funktionen, aber wäre vielleicht ein Ansatz.

[CIX88]

Hmmm, warum müsst ihr immer solche komplizierten Fragen stellen
nur ein Versuch:
http://www.mediacix.de/code/Versuch-...-187-code.html

EDIT (blöder Versuch) :

2. Versuch:
http://www.mediacix.de/code/Versuch-...-188-code.html

Bei den Kanten müsste man sich noch was einfallen lassen, damit sie schöner aussehen.
Mal gucken, was mir da noch einfällt ...

[siyabonga]

Habe gerade das hier gefunden:
http://www.assemblysys.com/dataServi...dedCorners.php
Aber auch in dem Fall sind die Kanten nur sehr suboptimal. Vielleicht ja trotzdem interessant...

[jennifer]

hi ich grüsse euch ganz herzlichst,

und möchte einen grossen dank aussprechen oder schreiben für die fleißige arbeit.

ich werde in den nächsten tagen dies mal testen, mal schaun ob ich dies einbauen und zum laufen bekomme.

im übrigen die daten der banner (bilder) werden aus der datenbank gelesen.

also nochmals danke, danke und herzliche grüsse

jennifer

[Basti]

Hi zusammen.

Wenn die Rundungen nicht gerade nur wenige Pixel im Radius
haben sollen oder die Hintergrundfarbe bekannt ist, macht es keinen Sinn, diese serverseitig zu berechnen. Das wird immer pixelig
aussehen.

Schau dir doch mal z.B. curvyCorners[1] an. Das ist eine JavaScript-Lösung unter der LGPL. Auf der Website findest du eine Beispiel[2] mit einem „gerundeten“ Bild.

[1] http://www.curvycorners.net/
[2] http://www.curvycorners.net/examples/demos/demo2.html

Basti

[CIX88]

Bei der Demo wird 227 mal das gleiche Bild (back_test) geladen ... komisch.

[$traight-$hoota]

das liegt daran, dass die Rundungen über viele kleine divs von 1px Breite realisiert werden und die alle das Hintergrundbild zeigen.
Das sollte allerdings kein Problem sein, weil das Bild nach dem erstem Laden im Cache des Browsers liegt und nicht jedes mal neu geladen werden muss.

[CIX88]

Bei mir ist nichts mit Cache, somit sehe ich jedesmal wie die Bilder geladen werden. Dafür sind die Rundungen etwas sauberer, sieht jedenfalls so aus.

[kampfgnom]

Bei mir dauert das ewig bis die ecken geladen sind...

[CIX88]

Mal eben kleine Rechnung gemacht:

Das Bild ist über 136kb groß, wird 227 mal geladen = 30872kb im Transfer ?

[jennifer]

Zitat von CIX88

Bei der Demo wird 227 mal das gleiche Bild (back_test) geladen ... komisch.

hi,

das verstehe ich nicht ganz, da es nur eine hintergrund-grafik ist und demzufolge kann die auch nur einmal geladen werden.

grüssle jennifer

[jennifer]

so nun das ist das, vorläufige testergebnis

siehe hier:
http://proj.jsh-scripte.de/sb-page/iframe-demo.php

es ist mit der java-script datei von http://www.curvycorners.net/
realisiert wurden.

herzlichen dank für alles

jennifer

[Basti]

Oh mein Gott! Was tust du da?

[jennifer]

Zitat von Basti

Oh mein Gott! Was tust du da?

wie jetzt, erkläre dies mal bitte etwas näher!
es funktioniert doch und ich sehe auch nichts anderes. ))

grüssle jennifer

[Nachtwächter]

Zitat von Basti

[2] http://www.curvycorners.net/examples/demos/demo2.html

Das funktioniert bei mir ratzfatz schnell und da ich gerade über eine sehr langsame Leitung ans Internet angeschlossen bin, spricht einiges dafür, dass das Bild nur einmal heruntergeladen und dann aus dem Cache genommen wird.

[MrNiceGuy]

Eien JavaScript-Lösung ist jedoch wohl eher weniger das, was man haben möchte, oder? Immerhin klappt es dann nur auf Clients mit aktiviertem Java-Script. Bei mir also nicht

[Basti]

Zitat von MrNiceGuy

Eien JavaScript-Lösung ist jedoch wohl eher weniger das, was man haben möchte, oder? Immerhin klappt es dann nur auf Clients mit aktiviertem Java-Script. Bei mir also nicht

Warum nicht? Die Alternativen sind: Entweder schöne runde Ecken für ca. 95% der Nutzer (je nach Zielgruppe natürlich unterschiedlich) und für den Rest „eckige Ecken“ oder pixelige Ecken für 100%, insofern der Hintergrund unbekannt ist.

Ist der Hintergrund bekannt, fällt die Wahl leicht, wenn nicht, dann kann man ja auch in Betracht ziehen, eine Lösung mit doppeltem Boden umzusetzen: In HTML wird das Bild geladen, das serverseitig gerundet wurde, in JavaSctipt dann durch das eckige ausgetauscht, dass clientseitig gerundet wurde/wird.

Basti