Discussion :

[zup17]

Bonjour la communauté,

J’intègre dans WordPress et le théme OceanWp la galerie : https://tympanus.net/codrops/2010/11...folio-gallery/ avec ACF PRO.

L’intégration de la galerie avec ACF PRO pas de soucis, je galère juste avec l’intégration de Jquery dans wordpress car ça ne fonctionne pas.

Je dois ajouter les scripts suivants :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script type=”text/javascript” src=”js/jquery.1.4.3.min.js”></script>
<script type=”text/javascript” src=”js/jquery.easing.1.3.js”></script>
<script type=”text/javascript” src=”js/visionneuse.js”></script>

J’ai intégré comme ça dans le fichier functions.php de mon théme enfant OceanWp :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
add_action( ‘wp_enqueue_scripts’, ‘themeprefix_slick_enqueue_scripts_styles’ );
function themeprefix_slick_enqueue_scripts_styles() {
 
wp_enqueue_script( ‘jqueryeasing13js’, get_stylesheet_directory_uri() . ‘/js/jquery-easing-1-3.js’, array( ‘jquery’ ), true );
wp_enqueue_script( ‘visionneusejs’, get_stylesheet_directory_uri(). ‘/js/visionneuse.js’, array( ‘jqueryeasing13js’ ), true );
}

Je ne pense pas faire de la bonne façon car Jquery et le script ne fonctionne pas, la galerie ne marche pas voici l’url de mon site avec la galerie : https://eugenedegirardin.com/albums/ pouvez vous m’expliquer ce qui cloche car je n’y arrive ??

Merci d’avance la communauté pour vos lumière et votre aide !! 🙂

[darkstar123456]

Bonjour !

Haaaa un lien ! C'est tellement mieux !

Bon par contre, je pense que tu as mal situé ton problème.
En effet, le code que tu nous montres sert juste à charger des fichiers JS, et ceux-ci se chargent bel et bien et dans le bon ordre.
Donc ton code fonctionne et est de toute façon correct !
J'ai également regardé la source de ton site, et le chargement se fait dans le bon ordre (il n'y a d'ailleurs pas d'erreur dans la console)

En regardant visionneuse.js, je remarque des trucs bizarres par contre.
Ton événement "click" est basé sur l'élement #thumbScroller .content : ($scrollerContent.bind('click',function(e){)
Or si tu inspectes ton code, #thumbScroller .content il y en a bien 2. Ils font tous les 4x4px et sont cachés sous la navigation, donc impossible de cliquer dessus ^^