Build responsive features. [#2078459]

build responsive, resizable slideshows.
in this time, websites needs responsive slides. Flexslider module is a example

Comments

Comment #1

babusaheb.vikas CreditAttribution: babusaheb.vikas commented 18 June 2015 at 10:35

Issue summary:

To use this code "Build responsive features"

$(window).resize(function(){ 
    $('.views-slideshow-cycle-main-frame-row img').each(function () {
    	var img_height = jQuery(this).height();
    	if (img_height !== 0) {
    	    $('.views-slideshow-cycle-main-frame').height(img_height);
    	    return false;
    	}
    });
});

.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
.views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

I hope your problem will be solved.