Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #15254

mootools 1.12: fx.slide doesn't show the div's content

Show all headers | View raw

Hello,

I've got a problem using fx.slide with mootools 1.12 (I can't use a newer version because of the CMS used). The SlideIn animation works but it doesn't show the text put in div selected. I know it's not due to my older version of that framework because it does what is expected here: http://jsbin.com/ewasa/1/edit

my code: 

js:

var descItems= $$('div.ja-slide-desc');

if($('activeDesc') !== null)
	$('activeDesc').unwrap();

$$('div.ja-slide-desc').removeProperty('id');
descItems[currentIndex].set({ id: 'activeDesc' });
var descItem = $('activeDesc');

var mySlide    = new Fx.Slide('activeDesc', {
	mode: 'vertical',
	duration: 1000,
});

var sliderHide = mySlide.hide();
var sliderIn   = mySlide.slideIn();

descItem.addEvent('load', sliderHide);
descItem.addEvent('complete', sliderIn);

css:

.ja-slidewrap_quartz2 .ja-slide-item div {
	background-color: #000;
	width: 200px;
	right: 29px;
	bottom: 70px;
	position: absolute;
	z-index: 2; 
}

.ja-slidewrap_quartz2 .ja-slide-item .ja-slide-desc { 
	width: 200px;
	height: 60px;
	right: 29px;
	bottom: 70px;
	float: right;
	position: absolute;
	z-index: 3;
	color: #fff;
	font-family: "GeoLight", serif;
	font-size: 22px;
}

html:

<div class="ja-slide-item" style="width: 995px; height: 330px; visibility: visible; zoom: 1; opacity: 0.3; ">
	<img src="http://2012.inextcom.fr/images/resized/images/stories/slideshow/3_stereoluxsite_995_330.jpg" alt="1 2 3 CHECK!!">
	<div class="ja-slide-desc" style="margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; ">blablablabla
	</div>
</div>

Have you any idea why it doesn't work ?

Best Regards,

gnoirzox

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

mootools 1.12: fx.slide doesn't show the div's content gnoirzox <gnoirzox@gmail.com> - 2012-08-02 16:39 +0000
  Re: mootools 1.12: fx.slide doesn't show the div's content Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-02 20:02 +0200
  Re: mootools 1.12: fx.slide doesn't show the div's content Christoph Becker <cmbecker69@gmx.de> - 2012-08-02 21:19 +0200
    Re: mootools 1.12: fx.slide doesn't show the div's content Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-03 00:56 +0200
      Re: mootools 1.12: fx.slide doesn't show the div's content Gregor Kofler <usenet@gregorkofler.com> - 2012-08-03 12:12 +0200
        Re: mootools 1.12: fx.slide doesn't show the div's content Christoph Becker <cmbecker69@gmx.de> - 2012-08-03 12:49 +0200
          [OT] Re: mootools 1.12: fx.slide doesn't show the div's content Stanimir Stamenkov <s7an10@netscape.net> - 2012-08-04 21:49 +0300
            Re: [OT] Re: mootools 1.12: fx.slide doesn't show the div's content Christoph Becker <cmbecker69@gmx.de> - 2012-08-05 01:20 +0200
        [OT] Thunderbird duplicates leading dot (was: mootools 1.12: fx.slide doesn't show the div's content) Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-04 20:25 +0200
          Re: [OT] Thunderbird duplicates leading dot Christoph Becker <cmbecker69@gmx.de> - 2012-08-05 01:15 +0200
            Re: [OT] Thunderbird duplicates leading dot Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-05 14:01 +0200

csiph-web