Creating a responsive drupal 7 slideshow


Tags: css,drupal,responsive-design,slideshow

Problem :

I've found a bunch of articles about how to create slideshows in drupal, and many that discuss making a slideshow more responsive on SMALLER screens...but I'm having trouble finding how to make a slideshow (with css or some other drupal module) that is responsive on LARGER screens (ie. what happens when the screen is larger in width than my initial image...how can I stretch it and make it look ok?)

For example, my image is 1000px wide. However, I want the slideshow to be the full width of the page. Thus I want the image to stretch to take up the full width of the page irrespective of browser size. But I also don't want the image to look poor.

Is there a standard technique (or any technique) to make this happen?



Solution :

try this bx_slider module Normally bx-slider.js create responsive slider.


    CSS Howto..

    How can I switch overlapped elements with CSS transitions?

    How to remove zoom effect of tile(metro ui css) using javascript

    How can i add a css rule for this code?

    HTML+CSS: How to add shadow (as image) to image?

    How to create overlaying papers (pile) - CSS / HTML

    How to extend jQuery.css from plugin

    How to set Bootstrap's hero unit height to 100%?

    How to change label color with html and CSS without js?

    How to show the vertical image into horizontal manner using HTML and CSS?

    How to access an object from a webpage in selenium

    How To Implement 2D Perspective Within a 3D Space (CSS & jQuery)

    How to make a div tag without margins in css? [duplicate]

    js Find Class Within Div + toggle CSS/Hide One Show Other

    How can I align my adsense graphics?

    On scroll up use the animate() and show the div

    How to center an icon inside css shapes?

    How to change width to fill the remaining space (CSS)

    CSS Chevron Showing Unwanted Rectangle

    How can I make LIs push their siblings to the same height?

    css selector question, how to change font colover of parent li when child ul is focused

    how to show one element under the other one?

    CSS: How to vertically align elements inside div with display: table-cell

    How to create new
  • not affected by SOME css styles
  • How to Write CSS Code for Mozilla Firefox Browser

    How do change CSS Class from Code Behind?

    How to keep text aligned with the middle of a textarea?

    How to fix sizes when I developed my website with 'more space' display setting on macbook retina

    How do you deploy a project using Less CSS to Heroku?

    How can I create scrollable columns in Bootstrap?

    How can I add an image to a
  • tag dynamically