Malsup has released an even better version of jquery cycle called Cycle2. This module should support this.

http://www.malsup.com/jquery/cycle2/

Please.

Comments

m.david’s picture

Yes, please, that would be wonderful! I've just spent the afternoon trying to figure out how to make a Views Slideshow responsive. It looks like Cycle2 would do it.

hixster’s picture

Hi guys, we've just written a views plugin that uses cycle2 / it works wonderfully for responsive slideshows. We'll post an update in the next couple of days.

sense-design’s picture

Great news

hixster’s picture

O.k. here you go - this is a first release http://drupal.org/sandbox/BenYoung/1832338 - hope you find it useful

Exploratus’s picture

Installed it and works.

rooby’s picture

The main downside is the higher jQuery requirement.

In my opinion it is not worth the hassle of using higher jQuery just for a slideshow when I can use the flexslider module instead (which also has a views_slideshow plugin).

infines’s picture

@rooby Cycle2 is not only a higher jquery requirement but has better coding, more incorporated features and better setup to make adding slideshows and other cycling things easier.

rooby’s picture

I understand that it is much better. I don't doubt that.
The issue I have is it requires jQuery 1.7+ and drupal does not currently play nice with jQuery 1.7+.

I know it is possible to use jQuery 1.7 successfully with drupal and I have done so on some sites, but using jQuery multi module or other multiple jQuery versions method is complex and can cause you issues down the line that take a little longer to resolve; and the other alternative, jQuery Update, affecets jQuery across the whole site, which is overkill for just one slideshow (unless you use it for other things) and in my experience, the current dev of jquery update, that has 1.7 & 1.8 is not production site ready.

That is my reasoning for recommending flex slider as the more pain free solution.

caschbre’s picture

I would love to see the cycle2 plugin supported.

@rooby... I'm not sure why the hesitation on jQuery 1.7+. There are quite a few modules that depend on a higher version of jquery which is a primary reason for the jquery update module. There's a reason that nearly 140k sites use it.

rooby’s picture

My hesitation is just that I have used it (the latest dev version from about a week ago) and it broke a lot of js related stuff around my site.
I understand that there is a patch in the works to allow you to disable jQuery update on admin pages, which would help greatly, however it just isn't worth my time dealing with its annoyances when I can use a different slideshow that doesn't require 1.7+ and works out of the box without issues.

Also, 140000 people are not using jquery update wit jq 1.7+, because it is only available in the latest dev version (current stable is jq 1.5.2).
So if you check this page - http://drupal.org/project/usage/jquery_update
it is actually only 210 people using the 2.x dev version.
Plus that includes people who are using older versions of 2.x dev that are pre jq 1.7+

I have in fact used 1.7.2 on other sites that had heavy use of jq plugins and custom code requiring 1.7. However all the fancy js was only used on a few pages on the site so I ended up using the jqmulti module. That site has been going for months with no issue, so I'm more than happy with 1.7, I just want to wait for jquery update to become more stable before I rely on it.
Plus clients generally don't have the budget to pay to fix unnecessary bugs.

infines’s picture

I'm sure after added support for Cycle2 plugin, this module would still support the old cycle plugin. I can't imagine the need to cause everyone pain by breaking their site with an unsupported plugin. Your concerns have been heard. Let's keep this issue on track.

hixster’s picture

Hi guys, I work at Lightflows - we wrote the JQuery Cycle 2 plugin -we've also written and RSlides http://responsive-slides.viljamis.com plugin for views which is pretty cool too, let me know if you're interested in that.

Is it possible for someone to review our project, maybe it can exist as a separate project/plugin for those who want to use it?
We could use some help for the community, Ben's worked hard to post code that people have requested and it's just sitting there in the sandbox. Would be nice to get some feedback and traction on these submissions.

Scratch my comments - there's a ton of feedback in the sandbox :-)

rooby’s picture

Sorry for derailing it, I didn't intend it as an issue blocking the progress of this work, just an FYI for others who might be looking for a responsive solution right now.

I underestand that it would most likely be a separate plugin.

MustangGB’s picture

@hixster

What Ben has done so far is fantastic, is there any chance of following up some of the bugs in the sandbox issue queue?

caschbre’s picture

edit: removed (sorry wrong thread)

hixster’s picture

Dreadnar’s picture

It doesnt work for me at all... ive done all that has been instructed in the views_slideshow_cycle2 page and eventhough i get no errors initiating it or while making the view... i get a javascript error that says "Uncaught TypeError: Object #

has no method 'on' , jquery.cycle2.js: line 664" as soon as i check my frontpage... the cycle 1 version worked great and hadnt it been for the responsivity issue then i would have used that but i need responsivity :D just wanted you to know
marbaque’s picture

it doesn't work for me neither, the option cycle2 doesn appear in the pulldown menu at the views UI

klonos’s picture

I think that we should do either one of the following things and call it a day:

- request that the sandbox/module is listed in the Views Slideshow project page and close this issue here

- re-purpose the issue to actually merge the sandbox with the main module as a Views Slideshow: Cycle2 submodule.

klonos’s picture

or...

- create a 7.x-4.x branch and replace cycle v1 with cycle2

I just went through its features and saw that not only will it support responsiveness and swipe gestures for mobile, but it also does overlays (deprecate Views Slideshow Xtra), carousel transitions and carousel pagers (deprecate Views Slideshow jCarousel).

ericclaeren’s picture

Support for cycle2 would be very nice. Thanks for the sandbox.

cherie.lee’s picture

Can you please provide a .js version? I am not adapt at using git.

MustangGB’s picture

@cherie.lee

This is a plugin, that is a separate module, not just a .js file.

You can browse the git repository here:
http://drupalcode.org/sandbox/BenYoung/1832338.git/tree

Alternatively here are the instructions for getting started with git:
https://drupal.org/project/drupal/git-instructions

keb805’s picture

Category: feature » support
Priority: Major » Normal

I am fairly new to Drupal and have spent the last two weeks building a site. I really like Views Slideshow and have used the cycle plug-in up until now. I would like to move to Cycle2, but don't know how to modify Views Slideshow to call Cycle2 in place of Cycle.

From reading the above, it isn't clear to me if I need to simply download a new sub-module that will point Views Slideshow to Cycle2.

Apologies if I am missing the boat here. Not sure how to proceed with the transition to the newer version.

Thanks,
keb

rooby’s picture

Category: support » feature
MustangGB’s picture

Priority: Normal » Major
klonos’s picture

@keb805: you need to wait till this issue that implements the support for Cycle2 is fixed. Then try latest dev version.

Shane Birley’s picture

I am checking into this. How far has this come? How much is left to develop this to make sure it works properly and just like the first version of Cycle.

I have money and I just need to know who to give it to.

hixster’s picture

@Shane - Have you tried the Sandbox module we developed which is linked above?

Shane Birley’s picture

I have but I haven't been able to get it working. I actually just re-installed the Cycle2 plugin and I am going to test it again and I can provide some feedback on this.

Just to give you a little background in why I am making noise about this whole thing: https://drupal.org/comment/8396989#comment-8396989

hixster’s picture

We got a responsive slideshow working - check here http://www.lovethegarden.com
We're trying to get the sandbox module approved so maybe leave feedback on what's not working there and we can fix it.

Shane Birley’s picture

@hixter,

I did a clean install using the Cycle2 sandbox module and here are my initial findings:

  • Responsive doesn't seem to work 100, especially with auto-height and pagers appear to ignored.
  • Not all Cycle1 transitions are accounted for, there are only three available. (This may be by design.)
  • Pagers don't work properly, for example the "hover" doesn't work at all. Only clicking on the pager item works.
  • Making the images responsive by forcing the changes by CSS seems to be the only way to make the images function as I would expect but I thought the Cycle2 library had some say in that as well. Not a terribly specific point from me but Cycle2 does have options for this as well.
  • The interface in Views is broken as well, the indenting doesn't work properly with some of the options and are right up against the left side.

I am not terribly detailed here but I am working on digging into the more specific bugs. These are just my "hey, that doesn't seem to work" impressions.

hixster’s picture

HI Shane - as per previous comment - these observation are best posted in the Sandbox, not this thread, we can address them there.
Cheers for the feedback.

Shane Birley’s picture

@hixter,

Sorry, my bad. Wasn't thinking. :P

webadpro’s picture

Issue summary: View changes

I was curious to know if this has been implemented into the code or not yet?

sonicthoughts’s picture

mobile swipe and overlays are highly desirable.

giupenni’s picture

News about this features?

peterx’s picture

https://www.drupal.org/sandbox/peter/2498091 works at one site if someone wants to take it up. The settings are what they use from Cycle with no attempt to make every setting work.

peterx’s picture

"Uncaught TypeError: no method 'on"
You are using jQuery before 1.7. 1.7 introduced on() as an upgrade for bind(). Cycle2 uses on().

Many sites have jQuery 1.7. Some have to use 1.8 and some have to use 1.9 for various Javascript libraries. 1.7 appears to be safe. 1.8 does break a lot of Drupal code because 1.8 drops some older functions.

peterx’s picture

I no longer use Cycle2 on any projects. There appears to be no users of my sandbox project so I shall delete it.

Albert Volkman’s picture

Bumping for interest :)

sonicthoughts’s picture

@albert-volkman 60 followers - looks like there is interest, but hard to tell if people have found another solution.

peterx’s picture

The fact that Drupal 7 is still stuck on an obsolete jQuery shows the approach to developing Drupal 7 was wrong. This should not stop development of Views Slideshow. Every Drupal site I work on has a later release installed. How many of you Views Slideshow users have jQuery 1.7 or later already installed for another module?

Some of the alternatives to Cycle2 require a later version of jQuery. Some really common modules require jQuery 1.8 or 1.10. You simply put a note in the documentation saying Cycle1 works on jQuery 1.4 and Cycle2 requires at least 1.7. If you want responsive, you have to change something.

The parameters, settings, and methods in Cycle2 are different. It is not a drop in replacement. There are only a few things you can copy from Cycle1 settings. You get the best result from Cycle2 by using options with no equivalent in Cycle1. I changed my code from maintaining compatible settings to using a new set of settings. Leave Cycle1 in place and add Cycle2 as an option because some sites have several slideshows to convert.

You will need good documentation for Cycle2. The Cycle2 author misses a few important points. They will have to be explained on the settings page.

rooby’s picture

My earlier comments from a few years back (#6, #8, #10) no longer stand.

Back then there was no good, stable, jQuery 1.7 solution for Drupal.

Now there is. The jQuery update module is much more stable now and almost all sites I work on now use jQuery 1.7 or higher with no problems.

So I also now see no reason to hold back based on jQuery versions.

The main question is whether anyone has the time to put into developing it, since there are more alternatives available now.

Albert Volkman’s picture

Why can't we start with merging in the code from https://www.drupal.org/sandbox/BenYoung/1832338? I have it in a production environment currently and it works perfectly well.

vbouchet’s picture

Version: 7.x-3.x-dev » 8.x-4.x-dev
kclarkson’s picture

Just used this https://www.drupal.org/sandbox/BenYoung/1832338 for 7.x-3.x version and it works great.

I agree with @albert Volkman can restart the conversation of adding the code from https://www.drupal.org/sandbox/BenYoung/1832338

I have been using flexslider but there is still a flicker glitch.

it seems to me that this module along with the code for Cycle2 should be the default slideshow module.

altrugon’s picture

About a year ago this issue was changed its version to 8.x-4.x-dev by @vbouchet but it seems this is not yet on Cycle2 for Drupal 8, and Ben's sandbox is for Drupal 7.

Any update on this request?

cosolom’s picture

I think in principle that no one need cycle2 plugin. Yes, this plugin is good, but already there are good decisions like owl carousel, slick

drupaleye’s picture

Malsup him self says "Cycle is not very responsive friendly. But Cycle2 definitely is.". There is a lot of posts and wishes for this module to work with Cycle2. I definitely need it. Have you tried a scenario like this with Cycle(1)?
Please make Views Slideshow for Drupal 8 support Malsup's Cycle2 Plugin.

rooby’s picture

I think what cosolom was getting as is that there are a lot of other slideshow plugins these days that aren't cycle or cycle2 that support responsive.

drupaleye’s picture

Well, I am very interested in knowing about views sliders / modules that is production ready. It seems like Owl Carousel for Drupal 8 is currently being ported to Drupal 8, but is not usable yet. Slick Carousel / Slick Views (D8) requires Blazy (not covered by Drupal’s security advisory policy). Slick Views is in RC (8.x-1.0-rc2) and has been since 10 February 2017. Flickity Carousel might be an option, but is currently used by only 476 sites.

rooby’s picture

I regularly use flexslider.

drupaleye’s picture

I can't seem to find the modules Fexslider/Flexslider Views for Drupal 8?
I can see that it exists for Drupal 7 (but it's not covered by Drupal’s security advisory policy)

rooby’s picture

Oh my bad, I was still thinking in terms of Drupal 7. I agree it doesn't make sense to use the original cycle plugin for D8, since it's so old.

Unfortunately due to the trend of people not getting around to creating stable releases of their modules for whatever reason, you've got seriously reduced options if you only consider stable releases that are covered by the security policy.

drupaleye’s picture

I got Flickity Carousel working, but it needs some CSS tweeking if you eg. would like a simple fade effect. I was able to hack the imagefield_slideshow module into using Cycle2. But I trying to avoid doing the same with this module, since it is not good practice to hack a module after installing it.

kmajzlik’s picture

Status: Active » Needs review

I just published first dev release of Views Slideshow Cycle2 for 8.x

Please test, review, submit issues.

ivnish’s picture

Priority: Major » Normal
Status: Needs review » Active
Neslee Canil Pinto’s picture

Status: Active » Closed (works as designed)