About DynamicLoaderJS

DynamicLoaderJS is a lightweight JavaScript library that allows for dynamic loading of content into web pages without requiring a full page refresh. It provides a simple and flexible way to update specific sections of a website, such as the main content area, header, or footer, without reloading the entire page.

Key Features

• Dynamic loading of content into HTML elements
• Smooth animation effects during content transition
• Support for loading specific sections like header and footer
• URL update without page refresh
• Custom events for content load completion
• Ability to load CSS and JavaScript files dynamically
• Built-in loader element for visual feedback during content loading

Installation

You can include DynamicLoaderJS in your project by downloading the dynamic-loader.js file from the official repository and including it in your HTML file:

<script src="path/to/dynamic-loader.js"></script>

Alternatively, you can use a CDN by including the following script tag in your HTML file:

<script src="https://cdn.example.com/dynamic-loader.js"></script>

Usage

To use DynamicLoaderJS, you need to follow these steps:

1. Add the data-load attribute to the HTML element where you want to load the content. Set the value of data-load to the URL of the content you want to load.
2. Optionally, add the data-target attribute to specify the target element where the content will be loaded.
3. Optionally, add the data-loader attribute to show a loader during content loading.
4. Load CSS or JavaScript files dynamically using the provided functions.
5. Call the DynamicLoader.load() function to load content into an element programmatically.

Examples

For detailed usage examples, please refer to the examples directory in the official DynamicLoaderJS repository.

Contributing

Contributions to DynamicLoaderJS are welcome! If you have any ideas, suggestions, or bug reports, please create an issue or submit a pull request on the official repository.

License

This project is licensed under the MIT License. For more details, please see the license file in the repository.

Credits

DynamicLoaderJS was created with love by the DynamicLoaderJS team.