Notes 11/15: Media Query + Fancy Box
MEDIA QUERY
- Go to end of CSS
- Introduce a breakpoint that essentially says @media (max-width: 490px)…. overrides container aspects
- Use percentages as another option!
FANCY BOX
- download @ http://fancyapps.com/fancybox/
- Drag into images folder of html folder
JQUERY (must attach)
https://developers.google.com/speed/libraries/
- Copy jQuery
- Paste <script src> into events.html
3. Go to downloads folder….open demo folder…open index.html…copy line 14/15 <script type> and paste into events.html
4. Change ../source to fancybox
5. Add
6. Close with });
7. Add <a class= “fancybox”
**MAKE SURE TO ADD SCRIPT SOURCES AND SCRIPT TYPE TO EVERY NEW PAGE!
GALLERY —
Leave a comment