I'm trying to create a slideshow with overlaying text elements in the Omega responsive theme. I've managed to make the images resize properly. But when I resize the window and the different media queries kick in, the position of the overlaying elements is wrong. Reloading the page fixes this and everything is displayed as it should.

Since reloading the page fixes the display issue and I can store the current position of the slideshow in a cookie with the provided options, this seems to me like a good way to get this to work.

Hence my question: Is there a way to reinitialize the slideshow on window resize? Which functions do I need to call to destroy the current slideshow and re-init?

This is what I have so far:

jQuery(window).bind("resize",function(){
  //re-init the slideshow
});

;)

Comments

chrisjlee’s picture

chrisjlee commented

Looks there's an existing similar issue: http://drupal.org/node/1317510 . Not totally the same though.

Palantar’s picture

Palantar commented

Having the exact same issue...

hedley’s picture

hedley commented

I've used this method successfully http://www.bluebit.co.uk/blog/Using_jQuery_Cycle_in_a_Responsive_Layout

I copied the views-slideshow-cycle-main-frame.tpl.php template file to my theme directory and added the dummy image in there. Not ideal but it does work.

redndahead’s picture

redndahead commented
Status: Active » Fixed

There are a lot of suggestions people have. This isn't something I'll be fixing in views slideshow. Hopefully one of the suggestions will work.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

FanisTsiros’s picture

FanisTsiros commented

This should be the best solution. It works for IE also.
@hedley is there any possibility for more info, or to provide some code oe steps ?
How did you modified the "views-slideshow-cycle-main-frame.tpl.php" template file ?
Also how did you set the "slideResize: 0" option ?
Any css added ?

thanks !

redtray’s picture

redtray commented

Has anyone else used @hedley's fix? If so, could you help with more detail about where to put code? Thanks

redtray’s picture

redtray commented

Ok, I got everything to work with code. Now to get the print $rendered_rows; to do the same thing from the view UI.

redtray’s picture

redtray commented

Adding code to the views_slideshow.js gums up some other javascript functions in Drupal, including the Page Manager. Perhaps I am putting the code in the wrong place?

**fixed**

redtray’s picture

redtray commented
Issue summary: View changes

additional info added