su-sws/stanford_carousel

Bootstrap based slideshow view using the Stanford Slide content type

#Stanford Carousel

Version: 7.x-2.3-dev

Maintainers: jbickar, meganem Changelog.txt

This module implements a carousel slideshow based on Twitter Bootstrap. It consists of a view, CSS, and JS. It depends on a content type, Stanford Slide. Choose a display block for presenting caption styles. Use the slide content type to configure caption position and color. Use the class "carousel-autoplay" on the block class to have your carousel autoplay (not recommended). Only place one carousel per page. Placing multiple carousels on the same page may lead to undesirable results. Special attention to accessibility has been taken in the construction of this feature.

Installation

Install this module like any other module. See Drupal Documentation

Requirements

This module requires either the Open Framework theme (tested and supported) or Twitter Bootstrap 2.x (not tested or supported outside of Open Framework, but should work).

Configuration

Nothing special needed.

Troubleshooting

If you are experiencing issues with this module try reverting the feature first. If you are still experiencing issues try posting an issue on the GitHub issues page.

Contribution / Collaboration

You are welcome to contribute functionality, bug fixes, or documentation to this module. If you would like to suggest a fix or new functionality you may add a new issue to the GitHub issue queue or you may fork this repository and submit a pull request. For more help please see GitHub's article on fork, branch, and pull requests

stanford_carousel's Issues

Target h2 for color overrides

Use this:
/* Carousel caption color */
.view.carousel .carousel-caption.carousel-dark {color: #EEEEEE;}
.view.carousel .carousel-caption.carousel-dark h2, .view.carousel .carousel-caption.carousel-dark h2 a, .view.carousel .carousel-caption.carousel-dark .slide-caption a { color: #EEEEEE; }
.view.carousel .carousel-caption.carousel-light {color: #000000; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.75);}
.view.carousel .carousel-caption.carousel-light h2, .view.carousel .carousel-caption.carousel-light h2 a, .view.carousel .carousel-caption.carousel-light .slide-caption a { color: #000000; }

Make speed dependent on class added via blockclass

Have javascript scrape a number off a class to determine the speed of the slideshow.
e.g. carousel-autoplay-6000 or carousel-autoplay-8000
Use a switch statement in the javascript to control the number.

Change white background on mobile view so you can distinguish it from the background

right now, the white background on the caption box dissappears.

add edit-link class to slide edit link field in view

Carousel accessibility issues

Accessibility issues with carousel feature which utilizes Bootstrap code. See accessibility review comments.

When there is no carousel on the page console reports this error

Uncaught TypeError: Object # has no method 'carousel' stanford_carousel.js?mwzmaz:35

Rename views displays to not use "span6" and instead use "span-6" so Bootstrap won't pick it up

Need responsive styles for span6 option (and need span6 option!)

Cache View by default

Make option for caption to be to the left or right but NEXT to the image

Use caption block style we have, but set a different image size, and make the image float to the left or right respectively.