ExtJS 4 and Ext Core Carousel

[remeez.persent]

Hi,

Has anyone attempted to get Ext Core Carousel to work alongside ExtJS4? I have searched the forums and can't find anything.

Regards
Remeez

[skirtle]

Have you tried it? What goes wrong? I'd imagine any changes in that bit of the library are little more than method renamings so it should be pretty easy just to update the names for any methods that don't exist any more.

[remeez.persent]

Hi,

I got it working, just did some debugging. Attached is the carousel.js file. The only issue is that I can't seem to get the itemSelector tag to work in the carousel.js file, but I just replaced it with the following:

var items = this.el.select("img");  //replace itemSelector with "img" tag

Hope this helps some peeps.

Regards
Remeez

[roger.spall]

I really don't want to sound ungreatful....

This code almost works, except...

- The transition / animate effects don't work
- The stop / start / pause controls don't work in Firefox

Roger

[remeez.persent]

Hi Roger,

It's currently working in Firefox, Chrome and IE9 for me. I am not an experienced programmer, I just took a stab at trying to get it to work.

Regards
Remeez

[roger.spall]

I tried to convert V3 to V4 and failed!

I took your code and it definitely worked, but...

The transition animations do not work - I am using embedded html, not images, and in this V3.0 demo, the 'html slides' transition with different effects, but in V4.0 the 'html slides' transition but with no effects.

Meanwhile, the 'hideNavigation:, navigationOnHover:, freezeOnHover:' options don't appear to work in Firefix, and don't work in MIE if you move over the carousel immediately after it is displayed - I think I fixed the problem in MIE by building the Task during construction.

Roger

[roger.spall]

Of course, I could be using it completely wrong, so if you have a demo I can see, I will copy it.

Thanks,

Roger

[Grimreaper]

Well am kinda new to extjs,
trying to get a carousel to work in extjs4, where using initComponent instead of an onReady throws an exception error 'el.insertAdjacentHTML is null'

now i knw it might be a really inane issue, but then again guess every newbie has his day
even when i use init, the carousel is not rendered. any headings to this?

ty

[remeez.persent]

Hi,I am also new to ExtJS. Do you have your tags on the page that you want to display the carousel on? Hope this helps. Let me know if you don't get it to work.

[Grimreaper]

thing is, just to play it safe am simply using,
itemSelector: 'img',
var items = this.el.select(this.itemSelector);

thing is that i want to use a main html, hence what am trying to do is , create two diff js files one having the code for the carousel.js,
the other having the code that is defined within the script tag given in your attachment.
on rendering, the space where i have to give an xtype, that region comes out as empty.

on trying to use initComponent, i get the error - 'el.insertAdjacentHTML is null'