<html lang="de-de" dir="ltr"><head></head><body>### [wpforms_display_submit_spinner_src](https://wpforms.com/developers/wpforms_display_submit_spinner_src/)

**Veröffentlicht:** 3. Juni 2022
**Autor:** Redaktionsteam

**Auszug:** Der `wpforms_display_submit_spinner_src`-Filter wird ausgelöst, wenn das Formular übermittelt wird und die Option „AJAX bei Formularübermittlung aktivieren“ in der Registerkarte „Allgemein“ der Formulareinstellungen aktiviert ist. 

**Inhalt:**

## Beschreibung

Der `wpforms_display_submit_spinner_src`-Filter wird nur ausgelöst, wenn **AJAX-Formularübermittlung aktivieren** in den Formulareinstellungen aktiviert ist und das Formular übermittelt wird.

## Parameter

$src*(string)* Die Quelle (URL) des Bildes, das für den Spinner verwendet wird$form\_data*(array)* Verarbeitete Formulareinstellungen/-daten, die später verwendet werden können.## Quelle

`wpforms/src/Frontend/Frontend.php`

## Weitere Informationen

Der `wpforms_display_submit_spinner_src`-Filter kann verwendet werden, um das Symbol/Bild zu ändern, das beim Übermitteln des Formulars angezeigt wird, wenn AJAX in den Formulareinstellungen aktiviert ist.

![AJAX auf der Registerkarte Allgemein des Einstellungsbildschirms des Formular-Builders aktivieren oder deaktivieren](https://wpforms.com/wp-content/uploads/2021/03/wpforms-disable-ajax.jpg)

## Beispiel

Dieses Beispiel würde die Spinner-Quelle für **alle** Formulare ändern.

```

/**
 * Filter zum Ändern des sich drehenden Lade-Icons, das beim Übermitteln des Formulars angezeigt wird.
 *
 * @link    https://wpforms.com/developers/wpforms_display_submit_spinner_src/
 *
 * @param   string  $src        Quelle des Bildes, das für den Spinner verwendet wird.
 * @param   array   $form_data  Verarbeitete Formulareinstellungen/-daten, die später verwendet werden können.
 *
 * @return  string
 */

function custom_wpforms_display_submit_spinner_src(  $src ) {
  
    return 'https://yoursite.com/your-image.svg';
}

add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );

```

In diesem Beispiel zielen wir auf ein bestimmtes Formular ab. Die Formular-ID **42**

```

/**
 * Filter zum Ändern des sich drehenden Lade-Icons, das beim Übermitteln des Formulars für ein bestimmtes Formular angezeigt wird.
 *
 * @link    https://wpforms.com/developers/wpforms_display_submit_spinner_src/
 *
 * @param   string  $src        Quelle des Bildes, das für den Spinner verwendet wird.
 * @param   array   $form_data  Verarbeitete Formulareinstellungen/-daten, die später verwendet werden können.
 *
 * @return  string
 */

function custom_wpforms_display_submit_spinner_src( $src, $form_data ) {

    if ( $form_data[ 'id' ] === '42' ) {

        $src = 'https://yoursite.com/your-image.svg';

    }

    return $src;
}
add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
```

Die empfohlene Bildgröße beträgt 26×26. Sie können alternativ CSS verwenden, um die Größe zu definieren, indem Sie die CSS-Klasse `.wpforms-submit-spinner` ansprechen, aber jedes hinzugefügte CSS müsste `!important` verwenden, um die standardmäßigen Inline-Stile zu überschreiben.

## Verwandt

Artikelreferenz: [So ändern Sie das Pre-Loader-Icon bei der Übermittlung](https://wpforms.com/developers/how-to-change-the-pre-loader-icon-on-submit/ "So ändern Sie das Pre-Loader-Icon bei der Übermittlung")

**Kategorien:** Filter Hooks

**Tags:** PHP

---</body></html>