scrollHorz will do an incorrect animation when click "previous" (first slide only) [#2218071]

1) Go to http://aps.gravityswitch.com/
You should see a slideshow in the header of the page.

2) Before the first slide has a chance to progress, click the back arrow on the slide show controls ( < )

RESULT: The slide will disappear into the the top right corner of the slide.

What I expect to happen is the slide scrolls to the right, and a new slide is brought in from the left. This will function correctly if the slideshow progresses as normal, or you click right.

Also, this will only happen on the first slide. After clicking left for the first time, the bug will never happen again.

EDIT: I found a new bug as well.

1) go to http://aps.gravityswitch.com/
2) shrink the screen down (horizontally) to a mobile size (as small as you can go)
3) click either arrow before the first slide goes away.

RESULT: If you click left, the same bug as above occurs
RESULT: If you click right, the image grows, and goes to the bottom left corner before dissapearing

4) Refresh
5) Allow the first slide to progress as normal

RESULT: It grows, and goes into the bottom left corner

EXPECT: Scroll Horz should work.

Comments

Comment #1

coreycondardo CreditAttribution: coreycondardo commented 14 March 2014 at 18:10

Issue summary:

View changes

Comment #2

coreycondardo CreditAttribution: coreycondardo commented 14 March 2014 at 18:12

Issue summary:

View changes

Comment #3

coreycondardo CreditAttribution: coreycondardo commented 17 March 2014 at 19:30

Assigned:

coreycondardo

» Unassigned

Comment #4

Anonymous (not verified) CreditAttribution: Anonymous commented 23 June 2014 at 09:53

I've had a similar problem, the transition effect from the end of the slideshow was different and not obeying the selected effect. It worked for those in between but not for the last one.

After installing the json2 library you can add Custom Options for the jQuery Cycle. Select fx and write the name of the transition effect in the Advanced Option Value (in my case scrollLeft), and voila! Everything works as expected, here at least. These advanced options overrides the selected above.

It might even help the second bug.

Comment #5

NickDickinsonWilde

He/Him/His

English

Victoria, BC (T'So-uke lands)

CreditAttribution: NickDickinsonWilde at BriarMoon Design commented 5 January 2017 at 16:21

Status:

Active

» Closed (cannot reproduce)

if anyone still experiences this with 7.x-3.2+ please re-open.

Comment #6

bernig CreditAttribution: bernig as a volunteer commented 2 October 2017 at 09:45

Status:

Closed (cannot reproduce)

» Active

I am using the 3.9 version and I experience exactly the same issue :

Before the first slide has a chance to progress, click the back arrow on the slide show controls ( < )
RESULT: The slide will disappear into the the top right corner of the slide.

Exactly the same situation as OP.

I will post here if I ever find a solution.

Comment #7

bernig CreditAttribution: bernig commented 2 October 2017 at 18:04

I found a fix, which is forcing the height of the slides via CSS, targeting this class: views_slideshow_cycle_slide. If the slides have variable heights, this fix won't be enough, and I guess you will need to set a value via javascript.

I didn't debug the entire jQuery Cycle plugin, but it surely is a bug related to this plugin, and has nothing to do with the Views Slideshow module.

When the page loads, the first slide has no height defined, but when sliding backward or forward, the height is automatically calculated and applied via CSS to every following slides, including the first one, when it cycles through. The JS-calculated height affects the "out" animation, therefore causing trouble when absent (at least for the scrollHorz animation).