- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Plugins Interchange
Description
It is used to load the responsive content according to the users device. Interchange example works on the older version of Foundation.
The following table describes the different types of interchange along with the description.
| Sr.No. | Type & Description |
|---|---|
| 1 | Use with Images
Using interchange for images, you can set the image size as per the screen size. |
| 2 | Use with HTML
It exchanges the entire block of HTML |
| 3 | Use with Background Images
Passes the image path to set the background-image property of the matching rule. |
| 4 | Named Media Queries
Interchange supports as shorthand for named queries for full CSS media queries. |
| 5 | JavaScript Reference
Foundation provides JavaScript components for Interchange |
foundation_plugins.htm
Advertisements