Continous rotation and easing effect for slides transitions [#1236004]

Hi there,

I am not sure if this is doable with views slideshow. Sorry if this is a duplicate, but i did have a hunt around first.

I'd like to put a banner on my site that scrolls through the logos of some customers. The idea would be that there are, say, 10 logos (say 3,000 pixels in total logo width!). My page width is 900px, so at any one time 900px worth of logos would be on display. The key thing is that I want that visible window to continuously scroll.

Put another way, a marquee (of images).

I've used views slideshow quite a bit and, although not convinced, I dont think it is possible because there is the notion of a 'transition', whereas what I am looking for something that (appears to be) continuously rolling. I thought that maybe a high transition time, a low delay and a scrollRight would do the trick - but alas.

Is this possible, or should I be looking for another solution?

Cheers!

Comment	File	Size	Author
#3	slideshow-easing-options.patch	4.48 KB	jramby
#3

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

redndahead CreditAttribution: redndahead commented 18 September 2011 at 05:05

Status:

Active

» Closed (works as designed)

It should work. Make sure the timer delay is set to something like 1

Comment #2

jramby CreditAttribution: jramby commented 15 February 2013 at 09:09

Status:

Closed (works as designed)

» Active

Hi, I have the same problem here. When I set delay to 1 and speed to 50, it's OK. But when I set speed to 500, it seems that there is a delay set to 500 somewhere... even if delay in configuration is set to 1. More the speed has a larger value, more the delay seems to be long.

Did I missed somthing?

Cheers

Comment #3

jramby CreditAttribution: jramby commented 26 February 2013 at 12:36

File	Size
slideshow-easing-options.patch	4.48 KB

I've made a patch to make this work correctly by adding easing effect and added a continuous parameter checkbox to make slide continuous.

So then, after adding the patch you should be able to select easing effect to "linear" and check "continuous" to have continuous rotation slideshow.

Thanks for testing

Cheers,

Jramby.

Comment #4

jramby CreditAttribution: jramby commented 26 February 2013 at 12:40

Status:

Active

» Needs review

Status changed to "needs review"

Comment #5

wangqizhong CreditAttribution: wangqizhong commented 4 June 2013 at 13:17

Title:	Continous rotation	» Continous rotation and easing effect for slides transitions
Category:	support	» feature

@jramby
This sounds more like a feature request now.

I'll try to get back to this issue later on, after reviewing bugs or more critical issues.

Thanks very much for your contribution.

Reviews, comments, feedbacks or questions on the patch from #3 would certainly be highly appreciated.

Feel free to let us know if you would have any questions, further comments, issues, suggestions, objections or concerns on any aspects discussed in this ticket, I would be glad to help moving this foward.
Thanks to all in advance for your replies, reviews, comments, testing and feedback.
Cheers!

Comment #6

sonicthoughts CreditAttribution: sonicthoughts commented 26 June 2013 at 17:51

Version:	7.x-3.0-alpha1	» 7.x-3.x-dev
Category:	feature	» bug

I am not a developer but IMHO do not think this is a feature request.

I would like a slow fade transition (8 seconds) but have the delay short (1 second.) when I set this up in options it does not give me the expected / desired effect - there are an additional 8 seconds added to the slide delay.

Perhaps I am missing something but spent a while trying to figure this out and applied latest dev.

Comment #7

MrPeanut CreditAttribution: MrPeanut commented 7 January 2015 at 00:55

Issue summary:

View changes

Two years later, but I would like this feature as well. The patch no longer applies cleanly.

Checking patch sites/all/modules/views_slideshow/contrib/views_slideshow_cycle/js/views_slideshow_cycle.js...
error: while searching for:
          timeout:settings.timeout,
          delay:settings.delay,
          sync:settings.sync,
          random:settings.random,
          nowrap:settings.nowrap,
          after:function(curr, next, opts) {

error: patch failed: sites/all/modules/views_slideshow/contrib/views_slideshow_cycle/js/views_slideshow_cycle.js:22
error: sites/all/modules/views_slideshow/contrib/views_slideshow_cycle/js/views_slideshow_cycle.js: patch does not apply
Checking patch sites/all/modules/views_slideshow/contrib/views_slideshow_cycle/views_slideshow_cycle.views_slideshow.inc...
Hunk #1 succeeded at 46 (offset 6 lines).
Hunk #2 succeeded at 93 (offset 10 lines).
Hunk #3 succeeded at 201 (offset 10 lines).
Hunk #4 succeeded at 235 (offset 10 lines).

Comment #8

chilledweb CreditAttribution: chilledweb commented 28 January 2016 at 22:11

You can do this with a module.
If you have already added the Views Slideshow module.
Create your view as normal and select format: Slideshow.

Then click settings and you'll see this message:

To use the advanced options you need to download json2.js. You can do this by clicking the download button at https://github.com/douglascrockford/JSON-js and extract json2.js to sites/all/libraries/json2

Close the dialogue box and download and install json2 as instructed above.
Open the settings dialogue box again and in [Advanced Options] select "continuous" in [Advanced Option Value] type "TRUE" then click [Update Advanced Option]
then [Advanced Options] select "easing" in [Advanced Option Value] type "linear" then click [Update Advanced Option]

Then hit [Apply]

If you have a timer delay of 1s and speed set to around 5000 you should see a nice continuous scroll.

Enjoy
The ChilledWeb team