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 !!