[TYPO3-german] Bild in Graustufen umwandeln?

Hendrik h.reimers at neonaut.de
Wed May 18 11:16:05 CEST 2011


so habe jetzt mal eine schöne lösung parat...
wenn jemand noch eine idee hat wie man das ganze nicht in zwei bildern 
(grau und farbe) aufteilen muss und somit ein div mit background-image 
daraus verpacken kann, ist das sehr willkommen :-)



# Ermöglicht normale Content Elemente im Seitenfuss, oder im "Layout 1" 
eine Logoparade mit Hover Effekt

lib.partner = COA
lib.partner {
   5 = LOAD_REGISTER
   5.maxImageWidth = 880

   10 < styles.content.get
   10.select.pidInList = 289
   10.renderObj < tt_content
   10.renderObj.image.20 >
   10.renderObj.image.20 = CASE
   10.renderObj.image.20 {
     key.field = layout
     default < tt_content.image.20

     1 = TEXT
     1 {
       field = image
       split.token = ,
       split.cObjNum = 1
       split.1.10 = COA
       split.1.wrap = <span class="imgSwitch">|</span>
       split.1.10 {
         10 = IMAGE
         10.params = class="greyImg"
         10.file = GIFBUILDER
         10.file {
           #XY = [10.w],[10.h]
           XY = 125,100
           format = jpg
           quality = 100

           10 = IMAGE
           10.file.import = uploads/pics/
           10.file.import.current = 1
           10.file.maxW = 115
           10.file.maxH = 90
           10.offset = 125-[10.w]/2,100-[10.h]/2

           20 = EFFECT
           #20.value = gray | gamma=3.0
           20.value = gray
         }

         20 < .10
         20.params = class="colorImg"
         20.file.20 >
       }
     }
   }

   20 = RESTORE_REGISTER
}


die styles dazu:
div#partner span.imgSwitch {
	position: relative;
	display: inline-block;
	width: 125px;
	overflow:hidden;
	height: 100px;
	border: 1px solid #dcdcdc;
	margin: 3px;
}

div#partner span.imgSwitch img.greyImg {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0.5;
}

div#partner span.imgSwitch img.colorImg {
	position: absolute;
	left: 130px;
}

div#partner span.imgSwitch:hover img.colorImg {
	left: 0px;
}





Am 18.05.2011 10:48, schrieb Christian Essl:
> Ja.
> Ich glaube es gab da sogar verschiedene Varianten für verschiedene Versionen von Imagemagick.
>
> z.B.:
>
> page.10.file = GIFBUILDER
> page.10.file.1 = IMAGE
> .....
> page.10.file.2 = EFFECT
> page.10.file.2.value = gray | gamma=2.0
>
> -----Ursprüngliche Nachricht-----
> Von: typo3-german-bounces at lists.typo3.org [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von Hendrik
> Gesendet: Mittwoch, 18. Mai 2011 09:29
> An: typo3-german at lists.typo3.org
> Betreff: [TYPO3-german] Bild in Graustufen umwandeln?
>
> Moin,
>
> kann man ein Bild in Graustufen umwandeln mit dem GIFBUILDER oder so?
> Wenn es möglichst ist, wie?
>
> Danke&  Gruß
> Hendrik
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german



More information about the TYPO3-german mailing list