gouz / moodular

jquery carousel

💫 About Me:

🔭 I’m currently working on SliDesk, VertJS
🌱 I’m currently learning GreenIT, ... in dev we learn every day

🌐 Socials:

https://gouz.dev

📊 GitHub Stats:

🏆 GitHub Trophies

🔝 Top Contributed Repo

moodular's Issues

A fix for Touch controls

Hey,

Are you still actively developing this plugin? I need a carousel that works well with touch and desktop.

I noticed that if I have more than 1 slide visible at a time and my controls are set to "touch", the carousel jumps multiple slides each time.

Instead, couldn't we tweak the controls extension with something like this:

if (moodular.opts.direction == 'left') {
if (moodular.touchEPosX < moodular.touchBPosX)
moodular.moveTo(moodular.current + 1);
else
moodular.moveTo(moodular.current - 1);
}
else {
if (moodular.touchEPosX > moodular.touchBPosX)
moodular.moveTo(moodular.current +1);
else
moodular.moveTo(moodular.current - 1);
}

I just tested on my Android device and it seems to work pretty well.

-J

test for vertical not functioning on init loop

it looks like the test for vertical within the element loop of initialisation isn't firing ( line 68 ) which is causing the height of the scroll window to be calculated as the width my mistake.

To workaround this I modified the loop so it contains 'this' object

        $('> ' + this.opts.item, this.e).each(function(mthis) {
            if (mthis.vertical) {
                s += parseInt($(this).outerHeight(true));

            }else {
                s += parseInt($(this).outerWidth(true));
            }
        },[this]);

event disapeer

vive les mariés ! ;)

petit bug curieux, sur la page (les vidéos en bas à droite) : http://www.adidas.com/bodycare/en

le code est le suivant :
var mood = $("#video-carousel ul").moodular({
controls : 'keys',
auto : false,
speed : 500,
direction : 'left',
api : true
});

$('#video-carousel-next').click(function () { 
  mood.next(); 
  return false;
});
$('#video-carousel-prev').click(function () { 
  mood.prev();
  return false;
});

Ensuite j'ajoute un event sur les lien situé dans le carrousel :

  $('#video-carousel-list a').click(function () {
    $('#flash-player').load($(this).attr('href'));
    return false;
  });

les vignettes qui ont disparut se retrouvent dépouillé de cette event...

Fonction moveTo : Ne permet déclenche que moodular.next

Lorsqu'on fait un moveTo dans moodular, il ne déclenche que moodular.next qui déplace vers la droite. Dans le cas d'un carrousel, on aimerait pouvoir également se déplacement vers la gauche.
L'idéal serait d'avoir un trigger type on("moveTo") qui ne déclenche ni next, ni previous
Merci

Scroll more than one image at time

It would be usefull to have an option to scroll more than 1 image at a time. I could only find "scroll" option from your documentation which would allow me to see more than 1 images at a time.

I would use it like having 5 images showing at a time and then scroll 4 images at once.

NPM installation

It could be great to add a package.json to be able to install moodular with NPM.

Version de jQuery necessaire

Salut !

Merci pour ton travail, est-ce possible de connaitre la version de jQuery minimum nécessaire pour faire fonctionner le plugin ?

Merci !