Discussion :

[chokolatine35]

Bonsoir,

Je bloque sur l'intégration d'un carrousel en javascript sur wordpress. Dans mon fichier function, j'ai bien fait appel à mon dossier js avec la fonction : wp_enqueue_script. Pour savoir s'il fonctionne, j'ai fait un alert et il fonctionne mais quand j'écris mon code pour le carrousel, mes images, sont les unes en dessous des autres et ne tourne pas. Est-ce que vous avez une idée ?

Merci beaucoup.

[badaze]

Regarde à la ligne 24 au 16ème caractère.

Non je blague. Comment veux tu qu'on puisse t'aider si tu ne postes pas de code ?

[chokolatine35]

^^ Oui, je suis désolée, je préférais être sûr que je postais mon message au bon endroit.

Les codes marchent très bien, mais quand j'essaye de l'intégrer sur wordpress... Je débute sur wordpress, je n'ai pas encore les bonnes méthodes.

Alors voici les codes.



HEADER.PHP :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="carousel">
	<ul>
	<li>
	<img src="images/carousel-images/bolts.jpg">
	<p>un</p>		
 
	</li>
	<li>
	<img src="images/carousel-images/church_yard.jpg">
	<p>deux</p>		
 
	</li>
	<li>
	<img src="images/carousel-images/pier.jpg">
	<p>trois</p>		
 
	</li>
 
	</ul>
 
</div>

STYLE.CSS

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#carousel {
	width:8000px;
}
 
#carousel ul{
	list-style: none;
	width: 8000px;
	margin: 0;
	padding: 0;
	position: relative;
}
 
#carousel li{
	display: inline;
	float: left;
}

FUNCTION.PHP

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function imagejavascript(){
 
wp_enqueue_script( 'image', get_template_directory_uri() . '/js/image.js');
 
}
add_action('wp_enqueue_scripts' , 'imagejavascript');
 
function carousel(){
 
wp_enqueue_script( 'car', get_template_directory_uri() . '/js/jquery.infinitecarousel2.min.js');
 
}
add_action('wp_enqueue_scripts' , 'imagejavascript');
 
function carousel2(){
 
wp_enqueue_script( 'car2', get_template_directory_uri() . '/js/jquery.infinitecarousel2.js');
 
}
add_action('wp_enqueue_scripts' , 'imagejavascript');

Merci encore !! C'est super gentil de donner de votre temps !!

Bonne soirée !!