Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment #1
m.david CreditAttribution: m.david commentedYes, 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.
Comment #2
hixster CreditAttribution: hixster commentedHi 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.
Comment #3
sense-designGreat news
Comment #4
hixster CreditAttribution: hixster commentedO.k. here you go - this is a first release http://drupal.org/sandbox/BenYoung/1832338 - hope you find it useful
Comment #5
Exploratus CreditAttribution: Exploratus commentedInstalled it and works.
Comment #6
rooby CreditAttribution: rooby commentedThe 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).
Comment #7
infines CreditAttribution: infines commented@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.
Comment #8
rooby CreditAttribution: rooby commentedI 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.
Comment #9
caschbre CreditAttribution: caschbre commentedI 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.
Comment #10
rooby CreditAttribution: rooby commentedMy 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.
Comment #11
infines CreditAttribution: infines commentedI'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.
Comment #12
hixster CreditAttribution: hixster commentedHi 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 :-)
Comment #13
rooby CreditAttribution: rooby commentedSorry 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.
Comment #14
MustangGB CreditAttribution: MustangGB commented@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?
Comment #15
caschbre CreditAttribution: caschbre commentededit: removed (sorry wrong thread)
Comment #16
hixster CreditAttribution: hixster commented@akamustang, Yup, http://drupal.org/node/1894738#new
Comment #17
Dreadnar CreditAttribution: Dreadnar commentedIt 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 knowComment #18
marbaque CreditAttribution: marbaque commentedit doesn't work for me neither, the option cycle2 doesn appear in the pulldown menu at the views UI
Comment #19
klonosI 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.
Comment #20
klonosor...
- 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).
Comment #21
ericclaeren CreditAttribution: ericclaeren commentedSupport for cycle2 would be very nice. Thanks for the sandbox.
Comment #22
cherie.lee CreditAttribution: cherie.lee commentedCan you please provide a .js version? I am not adapt at using git.
Comment #23
MustangGB CreditAttribution: MustangGB commented@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
Comment #24
keb805 CreditAttribution: keb805 commentedI 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
Comment #25
rooby CreditAttribution: rooby commentedComment #26
MustangGB CreditAttribution: MustangGB commentedComment #27
klonos@keb805: you need to wait till this issue that implements the support for Cycle2 is fixed. Then try latest dev version.
Comment #28
Shane Birley CreditAttribution: Shane Birley commentedI 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.
Comment #29
hixster CreditAttribution: hixster commented@Shane - Have you tried the Sandbox module we developed which is linked above?
Comment #30
Shane Birley CreditAttribution: Shane Birley commentedI 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
Comment #31
hixster CreditAttribution: hixster commentedWe 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.
Comment #32
Shane Birley CreditAttribution: Shane Birley commented@hixter,
I did a clean install using the Cycle2 sandbox module and here are my initial findings:
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.
Comment #33
hixster CreditAttribution: hixster commentedHI 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.
Comment #34
Shane Birley CreditAttribution: Shane Birley commented@hixter,
Sorry, my bad. Wasn't thinking. :P
Comment #35
webadpro CreditAttribution: webadpro commentedI was curious to know if this has been implemented into the code or not yet?
Comment #36
sonicthoughts CreditAttribution: sonicthoughts commentedmobile swipe and overlays are highly desirable.
Comment #37
giupenni CreditAttribution: giupenni commentedNews about this features?
Comment #38
peterx CreditAttribution: peterx commentedhttps://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.
Comment #39
peterx CreditAttribution: peterx commented"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.
Comment #40
peterx CreditAttribution: peterx commentedI no longer use Cycle2 on any projects. There appears to be no users of my sandbox project so I shall delete it.
Comment #41
Albert Volkman CreditAttribution: Albert Volkman commentedBumping for interest :)
Comment #42
sonicthoughts CreditAttribution: sonicthoughts as a volunteer commented@albert-volkman 60 followers - looks like there is interest, but hard to tell if people have found another solution.
Comment #43
peterx CreditAttribution: peterx commentedThe 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.
Comment #44
rooby CreditAttribution: rooby commentedMy 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.
Comment #45
Albert Volkman CreditAttribution: Albert Volkman commentedWhy 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.
Comment #46
vbouchetComment #47
kclarkson CreditAttribution: kclarkson commentedJust 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.
Comment #48
altrugon CreditAttribution: altrugon at Affinity Bridge commentedAbout 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?
Comment #49
cosolom CreditAttribution: cosolom commentedI think in principle that no one need cycle2 plugin. Yes, this plugin is good, but already there are good decisions like owl carousel, slick
Comment #50
drupaleye CreditAttribution: drupaleye commentedMalsup 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.
Comment #51
rooby CreditAttribution: rooby commentedI 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.
Comment #52
drupaleye CreditAttribution: drupaleye commentedWell, 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.
Comment #53
rooby CreditAttribution: rooby commentedI regularly use flexslider.
Comment #54
drupaleye CreditAttribution: drupaleye commentedI 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)
Comment #55
rooby CreditAttribution: rooby commentedOh 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.
Comment #56
drupaleye CreditAttribution: drupaleye commentedI 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.
Comment #57
kmajzlik CreditAttribution: kmajzlik at Ciklum Western Europe commentedI just published first dev release of Views Slideshow Cycle2 for 8.x
Please test, review, submit issues.
Comment #58
ivnish CreditAttribution: ivnish commentedComment #59
Neslee Canil Pinto