WordPress.org
Get WordPress

Plugin Directory

Changeset 3464017


Ignore:
Timestamp:
02/18/2026 07:32:21 AM (6 weeks ago)
Author:
creavi
Message:

Added hover effect

Location:
image-ticker-carousel
Files:
8 added
4 edited

Legend:

Unmodified
Added
Removed

  • image-ticker-carousel/trunk/assets/style.css

    r3286323 r3464017  
    3131  100% { transform: translateX(0); }
    3232}
     33
     34/* =========================
     35   Modern light sweep effect
     36========================= */
     37
     38.eits-ticker.eits-hoverfx .eits-image {
     39  position: relative;
     40  transition: transform .35s cubic-bezier(.4,0,.2,1),
     41              filter .35s ease,
     42              opacity .35s ease;
     43}
     44
     45/* Subtle desaturation by default (optional but modern) */
     46.eits-ticker.eits-hoverfx .eits-image img {
     47  transition: filter .35s ease;
     48  filter: grayscale(30%) opacity(.85);
     49}
     50
     51/* Light sweep overlay */
     52.eits-ticker.eits-hoverfx .eits-image::before {
     53  content: "";
     54  position: absolute;
     55  inset: 0;
     56  pointer-events: none;
     57  background: linear-gradient(
     58      120deg,
     59      rgba(255,255,255,0) 0%,
     60      rgba(255,255,255,0.35) 50%,
     61      rgba(255,255,255,0) 100%
     62  );
     63  transform: translateX(-120%);
     64  transition: transform .6s ease;
     65}
     66
     67/* Hover state */
     68.eits-ticker.eits-hoverfx .eits-image:hover {
     69  transform: translateY(-4px); /* no zoom */
     70}
     71
     72.eits-ticker.eits-hoverfx .eits-image:hover img {
     73  filter: grayscale(0%) opacity(1);
     74}
     75
     76.eits-ticker.eits-hoverfx .eits-image:hover::before {
     77  transform: translateX(120%);
     78}

  • image-ticker-carousel/trunk/image-ticker-carousel.php

    r3286323 r3464017  
    33 * Plugin Name: Image Ticker Carousel
    44 * Description: A custom Elementor widget to scroll images like a ticker.
    5  * Version: 1.0
     5 * Version: 1.1.1
    66 * Author: Creavi
    77 * License: GPL2
    … …  
    1111
    1212// Define plugin version
    13 define( 'EITS_VERSION', '1.0' );
     13define( 'EITS_VERSION', '1.1.1' );
    1414
    1515// Load the widget file

  • image-ticker-carousel/trunk/readme.txt

    r3292522 r3464017  
    1 === Image Ticker Carousel ===
     1=== Image Ticker Carousel | by Creavi ===
    22Contributors: Creavi 
    3 Tags: ticker, logo slider, logo ticker, scrolling images, news ticker
     3Tags: logo carousel, ticker, image slider, elementor, logo scroller
    44Requires at least: 5.5 
    5 Tested up to: 6.8 
    6 Stable tag: 1.0
     5Tested up to: 6.9.1 
     6Stable tag: 1.1.1
    77License: GPLv2 or later 
    88License URI: https://www.gnu.org/licenses/gpl-2.0.html 
    … …  
    1212== Description ==
    1313
    14 Elementor Image Ticker Carousel is a flexible and lightweight custom Elementor widget that lets you create a visually appealing, continuously scrolling ticker of images.
     14**Elementor Image Ticker Carousel** is a flexible and lightweight custom Elementor widget that lets you create a visually appealing, continuously scrolling ticker of images.
    1515
    1616Use it to display logos, sponsors, featured items, or any set of images in a seamless horizontal loop. Designed to be easy to use with Elementor's native drag-and-drop interface and tons of customization options.
    … …  
    1818**Check out the live demo**: [https://wordpress.creavi.dk/ticker/](https://wordpress.creavi.dk/ticker/)
    1919**We’re open to any suggestions!** Feel free to reach out via the support forum — we’re happy to hear your ideas and may implement them in future updates.
    20 
    2120
    2221### Key Features
    … …  
    9493== Changelog ==
    9594
     95= 1.1.1 =
     96* Added hover effect
     97
    9698= 1.0 =
    9799* Initial release. Features include image repeater, custom scroll speed, direction, spacing, image size, optional links, hover pause, looping, and full design controls.

  • image-ticker-carousel/trunk/widgets/image-ticker-scroll.php

    r3286323 r3464017  
    189189        );
    190190
     191        $this->add_control(
     192            'hover_emphasis',
     193            [
     194                'label' => __( 'Emphasize on Hover', 'image-ticker-carousel' ),
     195                'type' => Controls_Manager::SWITCHER,
     196                'default' => '',
     197                'return_value' => 'yes',
     198            ]
     199        );
     200
     201
    191202        $this->end_controls_section();
    192203    }
    … …  
    201212        $direction = $settings['scroll_direction'] ?? 'left';
    202213        $pause_on_hover = $settings['pause_on_hover'] === 'yes' ? 'yes' : 'no';
     214       
     215        $hover_emphasis = ! empty( $settings['hover_emphasis'] ) && $settings['hover_emphasis'] === 'yes';
     216
    203217
    204218        if ( empty( $images ) ) {
    … …  
    207221        ?>
    208222
    209         <div class="eits-ticker"
     223        <div class="eits-ticker <?php echo $hover_emphasis ? 'eits-hoverfx' : ''; ?>"
    210224             data-direction="<?php echo esc_attr($direction); ?>"
    211225             data-loop="<?php echo esc_attr($enable_loop ? 'yes' : 'no'); ?>"
Note: See TracChangeset for help on using the changeset viewer.