Mootools Content Slider Problem - gelöst

[thepixture]

Ich hab hier ein kleines Problem mit dem Mootools Content Slider, den ich für eine Catalog-Galerie verwenden möchte.

Ich hab die CSS und das Script soweit auf die Catalog-Ausgabe angepasst. Für das Script hab ich mir eine moo_catalog_slider.xhtml angelegt, die ich im Seitenlayout einbinde.

<div class="layout_full_work" id="item_container">
    <div class="slide_item first even">...</div>
    <div class="slide_item odd">...</div>
    <div class="slide_item last even">...</div>
</div>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
	window.addEvent('domready', function() {
		
		//slider variables for making things easier below
		var itemsHolder = $('item_container');
		var myItems = $$(itemsHolder.getElements('.slide_item'));
		
		//controls for slider
		var theControls = $('slideControl');
		var numNavHolder = $(theControls.getElement('ul'));
		var thePlayBtn = $(theControls.getElement('.play_btn'));
		var thePrevBtn = $(theControls.getElement('.prev_btn'));
		var theNextBtn = $(theControls.getElement('.next_btn'));
		
		
		//create instance of the slider, and start it up		
		var mySlider = new SL_Slider({
			slideTimer: 6000,
			orientation: 'none',      //vertical, horizontal, or none: None will create a fading in/out transition.
			fade: false,                    //if true will fade the outgoing slide - only used if orientation is != None
			isPaused: true,
			container: itemsHolder,
			items: myItems,
			numNavActive: true,
			numNavHolder: numNavHolder,
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		mySlider.start();
		
					 
	});
//--><!]]>
</script>

Im Frontend läuft das auch alles fast so, wie es soll. Außer, dass für das aktive .slide_item die visibility nicht auf visible gesetzt wird, sondern auf hidden bleibt. Somit sehe ich auch kein Bild. Wenn ich die visibility mit !important für jedes .slide_item erzwinge, dann sehe zwar das aktive Bild, aber es liegt im Prinzip immer das letzte .slide_item über allen anderen. So das auch immer die Bild-Verlinkung vom letzten .slide_item oben liegt. Klingt kompliziert, ist aber so

<div class="slide_item first even" style="position: absolute; left: 0px; top: 0px; opacity: 1; visibility: hidden;">...</div>
<div class="slide_item odd" style="position: absolute; left: 0px; top: 0px; opacity: 0; visibility: hidden;">...</div>
<div class="slide_item last even" style="position: absolute; left: 0px; top: 0px; opacity: 0; visibility: hidden;">...</div>

Wenn mir hier jemand helfen mag, dem kann ich gern per PM einen Zugang fürs Frontend geben.

Danke

[thepixture]

Hab das Problem lösen können.

[Sulley]

Hallo thepixture,

auch wenn der Beitrag schon etwas älter ist - ich stehe leider gerade vor dem genau dem gleichen Problem und konnte sonst keine Lösung dafür im Netz finden. Weißt du noch wie du den Fehler beim SL_Slider lösen konntest? Mir ist es absolut schleierhaft, da ich es exakt wie im der Slider-Demo aufgebaut habe.

Danke für deine Hilfe

[thepixture]

Hallo Sulley,

ja hätte ich vielleicht besser mit dazuschreiben sollen, wie ichs gelöst hab

Hmmm ... wenn ich noch wüsste, bei welchem Projekt ich das damals hatte, könnte ich Dir vielleicht helfen, aber ich weiß es ehrlich gesagt nicht mehr. Sorry

[Sulley]

Hi thepixture,

danke trotzdem für deine Antwort

Ich habe mittlerweide selbst herausgefunden, dass es an der neueren mootools-Version (1.4) liegt, die den fade-Befehl nicht mehr so ausführt, wie die in der Demo verwendeten Version 1.2 . Es muss also das Slider-Script angepasst werden. Wenn ich die Anpassung habe, werde ich diese hier veröffentlichen.