the whole turntable slides up and down

[pelister]

friends I have created a Joomla content plugin with this wonderful javascript that will pull down images from folder specified and convert them to turntable.

Thanks to Petr Vostrel.

Its working , but I have a problem , when I click and drag the whole interface with image and play ,pause buttons slides up.. again when I click and drag it slides dowm..

here is the link if some could take a look ... http://orscella.com

[pisi]

Joomla plug-in! Wonderful :) Thank you for the efforts. Looking forward to have another CMS integration option available for the users. Looking forward to it.

I took a look on this rather odd behavior. Something is obviously messing up with #testtn and assigning it an eventual top margin of -200px instead of the normal 0px. Strange thing is that the change doesn't happen suddenly and is animated, which indicates usage of .animate() somewhere. It kind of reminds me of typical stuffed animations queue symptoms. Reel by itself doesn't use animate() nor does it alter the top margin of the image.

I didn't explore your code completely. But I noticed the node in question #testtn is tightly wrapped in additional anonymous DIV with position: static in your case. Isn't it possible some remains of some other turntable plugin you tested prior Reel got left behind?

Also I noticed, that you don't use one Reel dependency, the disableTextSelect plugin, which may as well be the cause. It prevents browser's default dragging behavior - expanding a selection of the content - and ensures firm control over it especially in cases like these. Consider including it in your page headers. You can always get or link to the all-in-one package at the CDN http://code.vostrel.cz/jquery.reel-1.1.3-bundle.js

[pelister]

Thanks Pisi , there is no possibility of remains of other turntable plugin , I am developing the plugin only using jquery.reel form here. moreover #testtn is image id that is generated using the folder name that contains the images. so the image id will be different and thus possibility of having more turntables on single page.

this is how it works.

I will place a tag like this {ttbl} testtn {/ttbl} in joomla article . the plugin will match the expression and replaces it with turntable. In this case testtn is the folder, plugin automatically reads the folder, sorts the images in ascending order and stores it in an array, then that array is passed to jquery.reel along with other options.

I did the same with php on my local apache (xampp) and works fine, but this sliding behaviour happens only on joomla.

the same happens on my local installation of joomla.

[pelister]

Hi Pisi, I have figured out the problem. the sliding behaviour is due to mootools.

when these 2 scripts are removed from page load, turntable (reel) works perfect.

mootools-core.js
caption.js

is there anything that can be done to avoid the conflict with mootools, in case if mootools is required for joomla

now you can see it works fine..

[pisi]

Ah, Mootools. There is a known conflict in event names with Mootools, which has already been addressed in issue #51 and will be shipped in upcoming 1.2 release. Its functionality however has not been confirmed yet by the requester, so maybe you'd like to give the patched development branch code a shot.

[pelister]

Thanks pisi the latest development branch code works fine along with mootools.
the current method I use in my plugin code for play, pause and stop buttons exhibit same behavior, when clicked it stops the animation for 2 seconds and continues. all buttons works like pause.

is there any change in calling the control events. pisi help me on how to call the control events for turntables with the new jquery.reel, moreover mouse wheel is not working for me , or I dont know how to call the mouse wheel functionality , pls help.

[pelister]

ok pisi , I figured out that mousewheel is not working with latest edition of jquery. its fine with version 1.6.4

also figured out the control events.. thanks for the wonderful pugin.

Now with Jquery 1.6.4 it works fine on IE8 too..

I might release the Joomla plugin soon.

[pisi]

Hey pelister, for the mousewheel try getting the last version from /brandonaaron/jquery-mousewheel, Brandon may have made it compatible.

[pelister]

Thanks pisi now its working fine..

[pisi]

Great! Thank you for verifying the resolved Mootools conflict #51. Appreciate it. It brings us one noth closer to the 1.2.

[mtwallet]

Hi Pisi, I am getting the same issue in Chrome 18.0.1025.168 (lastest version) on a Mac - OS is Lion. The whole image appears to bounce up and down over time as the plugin advances through the frames. Strangely this only happens when run on my localhost (MAMP) or on a live web server not when the example is run from my desktop?! I have uploaded an example here - http://clients.majestic-interactive.co.uk/majestic/object-movie-clockwise-sprite/index.html

I have copied the example from your demo, I haven't altered it in any way. The demo works fine in other browsers I have tested. Any ideas?

[pisi]

@mtwallet This looks like a different issue, let's solve it in the separate #123