Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Documentation with example markup #3

Open
djmj opened this issue Oct 16, 2023 · 1 comment
Open

Documentation with example markup #3

djmj opened this issue Oct 16, 2023 · 1 comment
Assignees

Comments

@djmj
Copy link
Contributor

djmj commented Oct 16, 2023

Add step by step documentation.html with example markup to readme file.

JS/CSS - Plugins

  • Syntax highlight https://prismjs.com/
  • Optional if needed: PrimeFaces Theme, PrimeFlex or font awesome 4.7.3

Tutorial

  1. Create first slider with simple images (only src und css class / style for full-width and auto-height)
  2. Create caption (with relative em size)
  3. Info to repeat first image at end of slider to span height of slider
  4. Advanced: Optimize image loading with attributes loading / fetchPriority / srcSet to improve page speed and SEO like alt, width and height attribute
@djmj
Copy link
Contributor Author

djmj commented May 15, 2024

Improvements for docu:

  • Dont use unknown css classes
  • remove alt Attributes
  • correct Markup indentation
  • add full example at end
  • after Automatic Slide Change timer #5 add example with timer

@djmj djmj closed this as completed May 15, 2024
@djmj djmj reopened this May 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants