YAG Cross Slide Größe verändern

Hallo 😉

ich habe bei meiner Typo3 Seite die Extension YAG Gallery und YAG Themepack jQuery installiert.
Dann habe ich auf der Startseite den CrossSlide eingefügt. Es sieht auch alles gut aus, nur kann ich die Größe nicht ändern, da im Style automatisch 600x300px eingestellt ist. Und da es im style steht kann ich es auch nicht durch eine Klasse in der Css ändern.

<!--  CONTENT ELEMENT, uid:337/list [begin] -->
		<div id="c337" class="csc-default">
		<!--  Plugin inserted: [begin] -->
			





<style type="text/css">
	.yag-crossSlide-337 {
	  width: 600px;
	  height: 300px;
	}
</style>

<div id="yagConext-337" class="yag-crossSlide-337"></div>

<script type="text/javascript">
	$('#yagConext-337').crossSlide({"canvasWidth":"600","canvasHeight":"300","sleep":"2","fade":"1"},[{"src":"typo3temp\/yag\/02\/269_51114eb5d375.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/270_51114eb6bdfc.jpg","alt":"detail\n"},{"src":"typo3temp\/yag\/02\/271_51114eb7b343.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/272_51114eb8aa6b.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/273_51114eb99304.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/274_51114eba892f.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/275_51114ebb901b.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/276_51114ebc93fd.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/277_51114ebd8a3a.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/278_51114ebeb807.jpg","alt":"detail\n"},{"src":"typo3temp\/yag\/02\/279_51114ebfcb8e.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/280_51114ec0d93c.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/281_51114ec18e19.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/282_51114ec2c9ac.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/283_51114ec3c5c5.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/284_51114ec4f2ac.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/285_51114ec5d55f.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/286_51114ec6d55e.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/287_51114ec8314c.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/288_51114ec96222.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/289_51114ecab50d.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/290_51114ecba386.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/291_51114ecce4e4.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/292_51114ecdda3a.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/293_51114ecee20b.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/294_51114ed02b5c.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/295_51114ed1814a.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/296_51114ed37f61.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/297_51114ed48922.jpg","alt":"detail"},{"src":"typo3temp\/yag\/02\/298_51114ed50e14.jpg","alt":"detail"}]);
</script>


		<!--  Plugin inserted: [end] -->
			</div>
	<!--  CONTENT ELEMENT, uid:337/list [end] -->

Ich hab das auch schon gegoogelt und einen Code gefunden, es ändert sich aber trotzdem nichts.

Hat vielleicht jemand eine Lösung parat?

Danke im Vorraus 😃

Hallo,

dafür gibt es eine Einstellung in Typoscript. Schau dir bitte mal die Doku beziehungsweise das Typoscript Template unter:

typo3conf/ext/yag_themepack_jquery/Configuration/TypoScript/Themes/CrossSlide/General.ts

Da ist da genau erklärt.

In deinem Fall sin das die Einstellungen:

plugin.tx_yag.settings.themes.crossSlide {

	# --------------------
	# CrossSlide Settings
	# --------------------
	
	crossSlide {	
		
		#Gallery Settings
		gallery {
			canvasWidth = 600
			canvasHeight = 300
			
			sleep = 2
			fade = 1
		}
	}
}

Danke für die Mühe, aber das habe ich schon probiert.
Hat nicht funktioniert.

Ich habs dann einfach mit !important überschrieben.

Hi,

ich stand heute vor dem gleichen Problem und hab mich damit nicht zufrieden gegeben es über ein CSS zu überschreiben.

Lösung war das korrekte Überschreiben im Template. Dabei ist zu beachten, dass es mit CrossSlide zwei Templates gibt.

Ich nutze die Ken Burns Variante.

Dabei wollte ich lediglich dass das Fenster bei mir breiter ist (695 Pixel, anstatt 600)

Dazu habe ich in meinem Template ins Setup folgendes zugefügt.

plugin.tx_yag.settings.themes.crossSlideKenBurns.crossSlide.gallery.canvasWidth = 695

Über die Template Analyse hab ich den Wert mit etwas Suche und Dank des Posts von bruvelie gefunden.

Aktuell kämpfe ich aber noch mit dem Schönheitsfehler, dass nun die Bilder für das Sliding teilweis nicht groß genug sind und damit den Bereich nicht vollständig aufüllen.

Und mit dem Cache habe ich wohl noch Probleme. Wenn ich den abschalte für die Seite, kommt es zum Fehler und bei dank des Löschen des Caches config.cache_clearAtMidnight = 1 kommt es auch zum Fehler. Ich muss im Backend danach alle Caches Löschen...

Google wird mir da morgen sicherlich helfen können ;-)

Gelöst ist gut. Ich habe YAG Gallery in Typo3 6.1.1 Das Typoscript ist weiterhin ohne Effekt

plugin.tx_yag.settings.themes.crossSlide.gallery {
canvasWidth = 400
canvasHeight = 300
}

Da hilft keine Template Analyse sondern weiterhin nur die CSS-Überschreibung.

Hallo j.koenig,

falls Dein Problem noch besteht (ich hatte es auch) :

- plugin.tx_yag.settings.themes.crossSlide.gallery {
+ plugin.tx_yag.settings.themes.crossSlide.crossSlide.gallery {

Dann sollte es klappen, das zweimal crossSlide dort stehen muss, scheinst Du übersehen zu haben.

Viel Erfolgt
Nico