I'm trying to use the slideshow on the homepage of this website: http://childfoundation.org/

As you can see, the "Previous" and "Next" buttons (on bottom right of the slideshow of the children) are not working. They are not even clickable.

Can anybody tell what the problem can be?

From slideshow settings, I have selected the controls from bottom widgets and set the controls type to text.
From the views settings itself, I have set the "Pager" setting to "Display all items".

The controls work fine in the "preview" of the view, but not on the actual display.

Here is the relevant js code:

"viewsSlideshow":{"slideshow_of_children-block":{"methods":{"goToSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"nextSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"pause":["viewsSlideshowControls","viewsSlideshowCycle"],"play":["viewsSlideshowControls","viewsSlideshowCycle"],"previousSlide":["viewsSlideshowPager","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"transitionBegin":["viewsSlideshowPager","viewsSlideshowSlideCounter"],"transitionEnd":[]},"paused":0}},"viewsSlideshowControls":{"slideshow_of_children-block":{"bottom":{"type":"viewsSlideshowControlsText"}}},"viewsSlideshowCycle":{"#views_slideshow_cycle_main_slideshow_of_children-block":{"num_divs":25,"id_prefix":"#views_slideshow_cycle_main_","div_prefix":"#views_slideshow_cycle_div_","vss_id":"slideshow_of_children-block","effect":"fade","transition_advanced":0,"timeout":5000,"speed":700,"delay":0,"sync":1,"random":0,"pause":1,
"pause_on_click":0,"action_advanced":0,"start_paused":0,"remember_slide":0,"remember_slide_days":1,
"pause_when_hidden":0,"pause_when_hidden_type":"full","amount_allowed_visible":"","nowrap":0,"fixed_height":1,
"items_per_slide":1,"wait_for_image_load":1,"wait_for_image_load_timeout":3000,"cleartype":0,
"cleartypenobg":0,"advanced_options":"{}","advanced_options_choices":0,"advanced_options_entry":""}}

Thanks for any help!

Comments

faridjame’s picture

Issue summary: View changes

Shortened the width of the js code so it doesn't break the layout

faridjame’s picture

Issue summary: View changes

Shortened the width of the js code so it doesn't break the layout

faridjame’s picture

Status: Active » Closed (works as designed)

Solved the issue, it was actually a css issue. I had to increase the z-index on those buttons.

faridjame’s picture

Issue summary: View changes

Shortened the width of the js code so it doesn't break the layout