Slideshow code

By souldoubt on Fri, 12/11/2015 - 04:27
Forums: 
Paid Theme Support

This is quite annoying. I like the possibilities of the slideshow code but I keep running into a problem with the text elements disappearing after.

If I adjust:

data-position="80,100"

to:

data-position=“80,600"

It works great. But when I adjust the first number (presumably this adjusts vertical position) the text disappears from the slideshow. Even more annoying, when I set it back to its original working values, it STAYS disappeared. I end up having to scrap the code for the slide and start over.

Just to be clear, I went from working code to non-working code by changing only the first number element and changing it back. I have tested this several times so I know it is not any other part of the code that is causing this.

ALSO - It's a minor inconvenience, but the admin overlay requires me to click on the admin menu links twice to get the overlay to come up.

Comments

user
Submitted by admin on Fri, 12/11/2015 - 04:51

I am sorry for the inconvenience you are facing with our theme.
I guess you are using HertzPro theme.

Regarding overlay module, we recommend our users to disable overlay module as it does not support new version of jQuery.
We integrate our themes with latest / stable version of jQuery. So, overlay module do not work good with our themes.

Regarding Slider code, let me check at my installation. I will will update here soon.

user
Submitted by souldoubt on Sat, 12/12/2015 - 18:18

Disabled the overlay and going to experiment with wiping the code back to empty (default) and then putting it back in. Going to clear caches in case that helps also.

What versions of jquery are supported?

user
Submitted by souldoubt on Sat, 12/12/2015 - 19:21

Is there a way to get the slide to sit for a few seconds after all the text elements have appeared?

user
Submitted by admin on Sun, 12/13/2015 - 04:41

Drupal 7 includes jQuery 1.4.4 and overlay modules work good with this version of jQuery.
However, we bundle HertzPro theme with jQuery version 1.11.1

Regarding Slider delay between two slides, please follow below steps:

  1. Open js/custom.js
  2. Find following code
    jQuery('.slider').fractionSlider({
    	'fullWidth':	false,
    	'controls':	true, 
    	'pager':        true,
    	'responsive':	true,
    	'dimensions':	"940,350",
    	'increase':	false,
    	'pauseOnHover':	true,
    	'slideEndAnimation':	true
    });
  3. Change above code to following:
    jQuery('.slider').fractionSlider({
    	'fullWidth':	false,
    	'controls':	true, 
    	'pager':        true,
    	'responsive':	true,
    	'timeout' :     5000,
    	'dimensions':	"940,350",
    	'increase':	false,
    	'pauseOnHover':	true,
    	'slideEndAnimation':	true
    });

Adjust value of timeout in above code to change delay time.