Zum Inhalt springen

Ist ein "Bildrahmen" wie dieser (Spiegeleffekt) möglich?

Erstellt am 6. Juni 2007 · 6 Antworten · letzte Antwort am 21. Juni 2007

Tags: Bilder, Frage

nickno ·

Hallo zusammen,

ich habe gestern meine Webseite überarbeitet. Dabei ist auf der Startseite der Zähler mit einer Art spiegeleffekt versehen. Ist so etwas wohl prinzipiell über die Rahmenfunktion von Typo3 für Bilder umzusetzen?

Prinzipiell müsste das Bild ja nur dupliziert werden, danach einmal vertikal gespiegelt und mit dem Verlauf maskiert werden? Kann man die Rahmenfunktion so konfigurieren?

Danke schonmal für die Antwort! Feedback zur Seite selber ist natürlich auch erwünscht 🙂

http://www.niemeier.it

Beste Grüße,
Tim

nickno ·

Danke, nettes Tutorial, ABER das wird leider über JS konfiguriert und Erstellt das Bild nicht neu.

Das Ergebnis ist aber in etwa wie gedacht 8-)

Meine Frage ist mehr, OB das so mit TS i.V.m. Gifbuilder realisierbar ist...

nickno ·

So, hat allerdings ne weile gedauert:

tt_content.textpic.20.1.file = GIFBUILDER
tt_content.textpic.20.1.file {
  XY = [10.w],[10.h]+[10.h]-50
  backColor = #000000
  format = jpg
  quality = 95

  10 = IMAGE
  10.file.import.current = 1
  10.file.width.field = imagewidth
  10.file.height.field = imageheight

  # Muss separates Bild sein, um den Effect anzuwenden
  20 = IMAGE
  20.offset = 0,[10.h]
  20.file = GIFBUILDER
  20.file {
    XY = [10.w],[10.h]
    backColor = #000000
	transparentColor = #000000
	transparentBackground = 1
  
    10 = IMAGE
    10.file.import.current=1
    10.file.width.field = imagewidth
    10.file.height.field = imageheight

	20 = EFFECT
	20.value = flip
  }
  20.mask = fileadmin/template/maske.jpg
}

Zu sehen unter http://www.niemeier.it/portfolio/. Ist das wohl nen How-To wert 😉

Bugs: imagelightbox und Klick-Vergrößern geht nicht mehr 🙁 Jemand eine Idee?

nickno ·

Zwei kurze Fragen im Anschluss:

1) Wie kann ich denn diese Spiegelung als Rahmen definieren? Also, dass sie nur Anwendung findet, wenn ich dieses explizit aktiviere. Momentan wird es immer angewendet.

2) Auch Klick-Vergrößern funktioniert nicht mehr ordentlich, weil die Links nicht mehr korrekt gerendert werdern. Dies hängt damit zusammen, dass ich

tt_content.textpic.20.1.file = GIFBUILDER

Hierdurch die entsprechenden Parameter im Array

tt_content.textpic.20.1.

überschreibe - inkl. der Linkparameter.

Ich denke das 2. Problem kann ich umgehen, wenn ich den Rahmen entsprechend konfiguriere.

Danke&Gruß,
Tim

brainstorming ·

ich habe das selbe problem, mit der lightbox und dem klick vergrößern, seit ich auf die bilder ein wasserzeichen rechnen lasse.

tt_content.image.20.1.file >
tt_content.image.20.1.file = GIFBUILDER
tt_content.image.20.1.file {
	XY = [10.w],[10.h]
	format = jpg
	quality = 95
	10 = IMAGE
	10 {
		file.import.current = 1
		file.maxW.field = imagewidth
	}
	20 = IMAGE
	20 {
		file = fileadmin/images/mask/watermark.png
		#mask = fileadmin/images/mask/mask.png
         	mask = fileadmin/images/mask_i.png
		#offset = 50,50
		align = r,b
	}
}

hat da jemand von euch eine idee, wie man diese bildmanipulationen mit 'klick vergrößern' und 'lightbox' auch nutzen kann?