By ecolcar on

Hi,

I am trying to create a basic Views Slideshow with multiple images, but the slides are not rotating or sliding. It's just showing the 1st image/slide. It's only on my local machine for now so I cannot paste the url...

I am using the last version of drupal (7.28) & the latest version of Views Slideshow (7.x-3.1).

I can see the slideshow changing when I look at it in the preview mode within the view I have created for it...

Something is telling me it could be a problem with jquery, but I have created the /libraries/jquery.cycle folder with the recommended .js file in it (jquery.cycle.all.min.js)

I have tried for a number of weeks to resolve, but so far no joy. I did post in another drupal forum related to jquery problems, so apologies for duplication, I wasn't sure if the previous location was the correct one.

Can anyone help or are there other that have similar issues?
Maybe this is a known issue?

Thanks

Col

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

Have you looked at the browsers javascript console for errors?

ecolcar’s picture

ecolcar commented

I'm getting the following:

Uncaught TypeError: Cannot read property 'positionFixed' of undefined drupal.js?n5kb6q:403
(anonymous function) drupal.js?n5kb6q:403
c jquery-1.9.1.js:7341
p.fireWith jquery-1.9.1.js:7403
b.extend.ready jquery-1.9.1.js:6875
H jquery-1.9.1.js:6601
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery.js?n5kb6q:24

Sorry I'm unable to format the error correctly when I paste it here...

nevets’s picture

nevets commented

This

Uncaught TypeError: Cannot read property 'positionFixed' of undefined

is the likely cause. Does the error point to a file and line number (chrome typically shows both)?

ecolcar’s picture

ecolcar commented

Yes, it does I was just editing my previous reply to you when you replied. See my previous post for the file & line numbers.

Thanks for the help...
I'm not a javascript expert so I haven't a clue what the error means.

ecolcar’s picture

ecolcar commented

With some perseverance....I managed to get the slideshow to change slides.

The javascript error was pointing to line 403 in the drupal.js file.

The following is what lines 396 to 408:

/**
 * Additions to jQuery.support.
 */
$(function () {
  /**
   * Boolean indicating whether or not position:fixed is supported.
   */
  if (jQuery.support.positionFixed === undefined) {
    var el = $('<div style="position:fixed; top:10px" />').appendTo(document.body);
    jQuery.support.positionFixed = el[0].offsetTop === 10;
    el.remove();
  }
});

I just commented out the entire piece of code.

The following line is line 403

if (jQuery.support.positionFixed === undefined) {

so I am not really sure why this fixes the problem??

nevets’s picture

nevets commented

Are you using the jQuery update module?

ecolcar’s picture

ecolcar commented

Yes, I'm using jQuery update module. I think I did install it after I encountered this problem though...

The module version is, 7.x-2.4

ghmercado’s picture

ghmercado commented

This issue had me stumped as well.

I had the slideshow sliding several images in Views preview but when I wanted it to appear in a block it would only show one slide. I figured it out by going to admin/config/development/jquery_update and choosing 'Default (provided by Drupal)' under 'Default jQuery Version', and it worked instantly. It previously was set to 1.10. No idea why it had that setting.

am using:
drupal 7.41
views slideshow 7.x-3.1
jquery update 1.4.4 and jquery 1.8.7

nkanderson’s picture

nkanderson commented

I ran into the Uncaught TypeError: Cannot read property 'positionFixed' of undefined issue when I moved a 3rd party script used for validation. The 3rd party validation was loading its own version of jQuery, then additional code was set up to relinquish control back to the previous global jQuery reference using jQuery.noConflict(true).

It turned out that the validation script failed to load, and when the call to jQuery.noConflict(true) was made, the jQuery reference was removed altogether. See the jQuery docs for a full explanation of the boolean flag passed in to jQuery.noConflict().

sanamdev’s picture

sanamdev commented

Hi,

I am using bootstrap subtheme. I am new in drupal. I created slider with Views slideshow, it works fine on bootstrap theme, but when I make bootstrap subtheme active, it's not rotating or navigations not working.

I am using drupal8.

Is there anything which I forgot to set?

Thanks

Stefan Lehmann’s picture

Stefan Lehmann commented

Most likely doesn't have much to do with Views Slideshow as such, rather how you created the subtheme. I'd check for Javascript errors in the console and doublecheck, that you did all the steps as recommended in the guide how to create a subtheme.

I like cookies!

sanamdev’s picture

sanamdev commented

Hi Stefan,

I copy cdn from starterkits and rename it to bootstrap_subtheme.

Renaming files to bootstrap_subtheme.info.yml, bootstrap_subtheme.libraries.yml, bootstrap_subtheme.theme. bootstrap_subtheme\config\install\bootstrap-subtheme.settings.yml.

Also, copy page.html.twig from bootstrap\templates\system and put it in bootstrap_subtheme\templates.

:(