[TYPO3-german] IMG_RESOURCE gepaart mit GIFBUILDER

Starck, Jonathan developer at cretection.eu
Sun Aug 30 19:43:57 CEST 2015


Hallo,

ich versuche in Javascript eine Liste an Bildern auszugeben, an sich funktioniert es:

jsFooterInline {
	10 = COA
	10 {
		stdWrap.wrap = enquire.register("only screen and (min-width: 750px)", function() {|});
		wrap = $.backstretch(|);
		20 = FILES
		20 {
			stdWrap.wrap = [|],
			references {
				table = pages
				data = levelmedia:-1, slide
				treatIdAsReference = 1
			}
			renderObj = COA
			renderObj {
				10 = IMG_RESOURCE
				10 {
					file.import.data = file:current:publicUrl
					stdWrap.wrap = "/|",
				}
			}
		}
		30 = TEXT
		30 {
			value = duration: {$plugin.crt_lahm.backgrounds.duration}, fade: {$plugin.crt_lahm.backgrounds.fade}
			wrap = {|}
		}
	}
	20 = TEXT
	20 {
		value = $.backstretch("destroy");
		wrap = enquire.register("only screen and (max-width: 750px)", function() {|});
	}
}


Nun möchte ich aber die Bilder erst nochmal durch den GIFBUILDER jagen damit es nicht unbedingt 5 MB groß ist. Ich hab nun viel versucht und die beste Lösung erschien mir diese:

jsFooterInline {
	10 = COA
	10 {
		stdWrap.wrap = enquire.register("only screen and (min-width: 750px)", function() {|});
		wrap = $.backstretch(|);
		20 = FILES
		20 {
			stdWrap.wrap = [|],
			references {
				table = pages
				data = levelmedia:-1, slide
				treatIdAsReference = 1
			}
			renderObj = IMG_RESOURCE
			renderObj {
				file = GIFBUILDER
				file {
					10 = IMAGE
					10 {
						file.import.data = file:current:uid
					}
					20 = TEXT
					20 {
						value = file:current:uid
					}
				}
				stdWrap.wrap = "/|",
			}
		}
		30 = TEXT
		30 {
			value = duration: {$plugin.crt_lahm.backgrounds.duration}, fade: {$plugin.crt_lahm.backgrounds.fade}
			wrap = {|}
		}
	}
	20 = TEXT
	20 {
		value = $.backstretch("destroy");
		wrap = enquire.register("only screen and (max-width: 750px)", function() {|});
	}
}

Doch leider liefert es mir nur ein 120px großes weißes Bild. Wenn ich mir nun dazu noch den Quellcode anschaue muss ich feststellen, dass er die Anzahl an Bildern immer mit dem selben Pfad füllt:

enquire.register("only screen and (min-width: 750px)", function() {
    $.backstretch(["/typo3temp/GB/_b54659ec1e.gif", "/typo3temp/GB/_b54659ec1e.gif", "/typo3temp/GB/_b54659ec1e.gif", "/typo3temp/GB/_b54659ec1e.gif", "/typo3temp/GB/_b54659ec1e.gif", ], {
        duration: 5000,
        fade: 1000
    });
});
enquire.register("only screen and (max-width: 750px)", function() {
    $.backstretch("destroy");
});

Kennt bzw. sieht jemand eine Möglichkeit das Problem zu lösen?

Ich verwende TYPO3 7.4 und die Installation inclusive der Bildprozeduren laufen laut Install-Tool ohne Schwierigkeiten und Fehler.


Grüße

Jonathan 




--
Jonathan Starck || Psycho0verload.de


More information about the TYPO3-german mailing list