Posts tagged slide
Posts tagged slide
Over the past 2-3 years, the homepage slider (or “carousel”) has become a ubiquitous feature on institutional websites…Now that sliders of all kinds are easy to implement (if not necessarily easy to update and maintain), it’s worth taking a step back and looking critically at this staple of contemporary website design.
The deck.core module provides all the basic functionality for creating and moving through a deck. It applies and removes classes to indicate the state of the deck and its slides, allowing CSS to take care of the visual representation of each state. It also provides methods for interacting with the deck, as well as basic key bindings for going to the next and previous slides. Separate extension modules provide more functionality using the API provided by core.
The 5 Key Tools for Effective Facebook Marketing
(by Justin Kistner of Webtrends and Dan Zarrella of HubSpot, via Slideshare)
- Images shrink as they leave the slider
- Keyboard Navigation
(use your keyboard arrows to move to the last / next product)
- Click on images to navigate
- CSS opacity for rollover effect on buttons
- FancyBox built in for expanding images
(left / right buttons on rollover for other image views)
Easy Accordion plugin will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then decide to make it a timed slideshow or leave it still.
You can see the Easy Accordion Plugin in action here. As usual, all of that will be realized in an unobtrusive, SEO friendly and accessible way.
Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!