Posted by nitrosx on March 13, 2013 at 5:43pm
I'm setting up a d7 site and I have a slideshow view with a block display.
When I'm previewing the block in the view edit page, everything works fine and the images/text rotates.
When I insert the block on the front page, the slideshow does not work. All the html elements are loaded and present in the page. It seems that jQueryCycle does not fire and/or does not find the div container where all the slides divs are contained.
If anybody has any idea how to troubleshoot the issues, any help will be greatly appreciated!!!
also, if I need to post more info, just let me know
Thanks
Max
Comments
Views Slideshow?
I presume you are using the Views Slideshow module.
On http://drupal.org/project/views_slideshow they suggest using the latest version of jquery_update module for Drupal 6. You might make sure that module is updated. Read the project page for other incompatibility issues.
=David
thanks but...
I am using D7.
Should I use jquery update?
Max
Hi Max, I don't think you
Hi Max,
I don't think you should have to use jQuery_update.
Cycle should work OK. FYI, another one you can try is FlexSlider. It's a responsive slideshow that has a Drupal module.
If you look in your browser Console, what are the JavaScript errors?
Nathan
Funny enough...
No errors on the javascript console. I forgot to mention that it was working couple of days ago.
I'm starting to think that it must conflict with some other module that I installed.
Max
one more thing
I checked the html when in preview and when the block is embedded in the page and I found that the div containing the slides has "viewsSlideshowCycle-processed" as additional class when in preview and not when in the normal page.
Any clue?
Max
Hmm, is it possible it's a
Hmm, is it possible it's a theming issue? Is the View being output through a theme file, and/or were any modules or themes updated within the last few days?
I'd also give FlexSlider a try. It's very nice.
Nathan
I'll check and post later Max
I'll check and post later
Max
I checked and I can confirm
I checked and I can confirm that it's not a theming issue.
Here is the html for the preview:
<div id="views-live-preview"><div class="views-query-info">
<div class="view view-front-page view-id-front_page view-display-id-block_1 view-dom-id-b75521485458f020e6166a54b45dddcd">
<div class="contextual-links-region">
<div class="view-content">
<div class="contextual-links-region">
<h1 class="section-title">Content</h1>
<div class="contextual-links-wrapper contextual-links-processed">
<div class="preview-section">
<div class="skin-default">
<div class="views-slideshow-controls-top clearfix">
<div id="widget_pager_top_front_page-block_1" class="views-slideshow-pager-fields widget_pager widget_pager_top views_slideshow_pager_field views-slideshow-pager-field-processed">
<div id="views_slideshow_pager_field_item_top_front_page-block_1_0" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views_slideshow_active_pager_field_item views-row-odd active">
<div id="views_slideshow_pager_field_item_top_front_page-block_1_1" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-even">
<div class="views-field-counter">
<div class="views-content-counter"> 2 </div>
</div>
</div>
<div id="views_slideshow_pager_field_item_top_front_page-block_1_2" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-odd">
<div id="views_slideshow_pager_field_item_top_front_page-block_1_3" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-even">
<div id="views_slideshow_pager_field_item_top_front_page-block_1_4" class="views-slideshow-pager-field-item views_slideshow_pager_field_item views-row-odd">
</div>
</div>
<div id="views_slideshow_cycle_main_front_page-block_1" class="views_slideshow_cycle_main views_slideshow_main viewsSlideshowCycle-processed">
</div>
</div>
</div>
</div>
</div>
and block in page:
<div id="block-views-front-page-block-1" class="block block-views contextual-links-region first last odd"><div class="contextual-links-wrapper contextual-links-processed">
<div class="view view-front-page view-id-front_page view-display-id-block_1 view-dom-id-1e46877890f6a01c9fd21dd9c5b4708e">
<div class="view-content">
<div class="skin-default">
<div class="views-slideshow-controls-top clearfix">
<div id="views_slideshow_cycle_main_front_page-block_1" class="views_slideshow_cycle_main views_slideshow_main">
<div id="views_slideshow_cycle_teaser_section_front_page-block_1" class="views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section">
<div id="views_slideshow_cycle_div_front_page-block_1_0" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-1 views-row-odd">
<div id="views_slideshow_cycle_div_front_page-block_1_1" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-2 views_slideshow_cycle_hidden views-row-even">
<div id="views_slideshow_cycle_div_front_page-block_1_2" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-3 views_slideshow_cycle_hidden views-row-odd">
<div id="views_slideshow_cycle_div_front_page-block_1_3" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-4 views_slideshow_cycle_hidden views-row-even">
<div id="views_slideshow_cycle_div_front_page-block_1_4" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-5 views_slideshow_cycle_hidden views-row-odd">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
the only difference is the views-slideshow-pager-field-processed class for html tag div id="widget_pager_top_front_page-block_1".
That leads me to think that jquery somehow fires cycle plugin but cannot find the div or it errors out.
I keep digging
Thanks
Max
Thanks to Mr. Weixel, we
Thanks to Mr. Weixel, we figured out that there is a conflict between superfish menu and slideshow jquery.
Turning off superfish module, the slide show works.
Here is the error:
Error: TypeError: list.sfsmallscreen is not a function
Source File: http://localhost:8888/maxnovelli.info/dev/sites/all/modules/superfish/su...
Line: 31
Alright, back to reasearch. I will post if I find the solution.
Max
Ok, I found the
Ok, I found the solution.
According to this thread http://drupal.org/node/1916772, post #5, there is a missing javascript library.
I went to the superfish admin page:
admin/config/user-interface/superfish
added the smallscreen library to "path to superfish libraries":
sites/all/libraries/superfish/sfsmallscreen.js
Saved the settings. Went in to my superfish menu block, save the settings.
Reload the page... SUCCESS!!!
Everything works again.
Thanks everybody for your help.
Max