Closed (works as designed)
Project:
Views Slideshow
Version:
7.x-3.x-dev
Component:
User interface
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
8 Apr 2012 at 17:25 UTC
Updated:
9 Apr 2012 at 13:48 UTC
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
Comment #0.0
faridjame commentedShortened the width of the js code so it doesn't break the layout
Comment #0.1
faridjame commentedShortened the width of the js code so it doesn't break the layout
Comment #1
faridjame commentedSolved the issue, it was actually a css issue. I had to increase the z-index on those buttons.
Comment #1.0
faridjame commentedShortened the width of the js code so it doesn't break the layout