Display your certifications or images in a stunning 3D rotating carousel powered by Three.js.
== Description ==
The **3D Certifications Carousel** plugin allows you to display a rotating 3D carousel of your certifications, badges, or any images. It uses the powerful **Three.js** library to create an interactive and visually appealing 3D display.
**Key Features:**
– Upload and manage images from the WordPress admin panel.
– Add titles and descriptions to your images for better presentation.
– Images are displayed in a circular, rotating 3D carousel.
– Fully responsive and works seamlessly on all devices.
– Interactive: Pauses rotation on hover and supports manual rotation via arrow keys.
– Lightweight and optimized for performance with lazy loading.
– Simple shortcode integration: dcc_carousel.
Perfect for showcasing certifications, achievements, or any collection of images on your website.
== Installation ==
1. Upload the plugin folder `3d-certifications-carousel` to the `/wp-content/plugins/` directory.
2. Activate the plugin through the **Plugins** screen in WordPress.
3. Navigate to the **3D Carousel** menu in the WordPress admin dashboard.
4. Upload images, and optionally add titles and descriptions to enhance your carousel.
5. Use the shortcode `dcc_carousel` on any post, page, or widget to display the carousel.
== Frequently Asked Questions ==
= How do I add images to the carousel? =
Go to the **3D Carousel** settings page in your WordPress dashboard. Use the “Add Image” button to upload and save images. You can also include optional titles and descriptions.
= How do I display the carousel on my website? =
Simply insert the shortcode dcc_carousel into any post, page, or widget where you want the carousel to appear.
= What happens if no images are added? =
If no images are added, a fallback message will appear on the front end to inform users that no images are available.
= Are images visible from both sides? =
Yes, the carousel uses `THREE.DoubleSide` rendering to ensure images are visible from both the front and back.
= Can I customize the rotation speed or direction? =
Yes, the carousel pauses rotation on hover and supports reversing the rotation direction on click. You can also customize these behaviors by editing the `carousel.js` file.
= Does the plugin support tooltips for images? =
Yes, the plugin displays dynamic tooltips for each image, showing the title and description on hover.
== Screenshots ==
1. **Admin Panel** – Upload and manage your images with titles and descriptions.
2. **3D Carousel** – Front-end view of the rotating 3D carousel, complete with interactive tooltips.
== Changelog ==
= 2.5 =
* Added support for image titles and descriptions.
* Enhanced tooltip functionality for a better user experience.
* Improved lazy loading for performance optimization.
* Added keyboard navigation and rotation speed customization.
= 2.4 =
* Conditionally enqueue scripts and styles for pages using the shortcode.
* Enhanced admin UI for better usability.
* Added reverse rotation functionality on click.
= 2.1 =
* Added `THREE.DoubleSide` rendering for better visibility of images.
* Improved interactivity: carousel slows down on hover.
* Optimized performance and added debugging logs.
= 2.0 =
* Added admin interface for uploading and deleting images.
* Implemented dynamic image loading and rendering using Three.js.
* Fixed shortcode rendering issues.
= 1.0 =
* Initial release of the 3D Certifications Carousel plugin.
== Upgrade Notice ==
= 2.5 =
Upgrade to the latest version for support for titles, descriptions, tooltips, and improved performance.
== License ==
This plugin is licensed under the GPL v2 or later. See the license here: https://www.gnu.org/licenses/gpl-2.0.html
Contact us today to request a consultation and discover how our expert solutions can help your business thrive.
