[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474979299297{margin-bottom: -10px !important;} »]

Le Dispatch click (déclencheur d’élément)

[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474979328993{margin-right: 5% !important;} »]

La fonction « Dispatch clic » va vous permettre de déclencher un bouton à distance grâce un autre bouton.

Très pratique pour les navigation à double menu, cette fonction va vous faire gagner beaucoup de temps ![/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »50px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474979345498{margin-left: 5% !important;} »]

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]Dans cet exemple (cf : vidéo ) nous avons un menu en haut avec trois parties. Nous voyons que le bouton « partie02 » déclenche des actions qui permettent de slider d’une photo à une autre. Nous avons aussi sur la première photo un bouton « suivant » qui déclenche les mêmes actions que le bouton « partie02 ». Donc au lieu de paramétrer deux fois les actions (sur « partie02 » et « suivant ») nous allons, grâce au dispatch clic, faire en sorte que le bouton « suivant » déclenche celles de « partie02 ».[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_column_text]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

1. Pour schématiser, nous avons un bouton avec des actions,
2. qui pourra être déclenché par le bouton suivant.

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »702″ img_size= »full » onclick= »link_image » css= ».vc_custom_1447693937249{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

1. Après avoir paramétré mes actions du bouton « partie02 », je sélectionne le bouton « suivant ». Je définis le type d’interaction que je souhaite (survol, clic, ou rollout). Dans le cas présent nous voulons une action au click.
2. Dans la partie « appliquer » de ma fenêtre des actions, je choisis le bouton « part02 » : c’est lui qui est déjà programmé avec les actions.
3. Dans « paramètres » je choisis « déclenchement au clic » car c’est cette action qui m’intéresse, mais j’aurai aussi pu choisir un déclenchement au survol ou au rollout.
4. Je valide. Voila, mon « dispatch-clic » est prêt.

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »705″ img_size= »full » onclick= »link_image » css= ».vc_custom_1447693950810{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text]

Plus de
tutoriels :

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

• Importer une vidéo
• Importer un son
• Importer une image
• Créer un calque d’action

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

• Charger des médias
• Préparer ses médias
• Remplacer un média
• Supprimer un média

[/vc_column_text][/vc_column][/vc_row]