Discussion :

[Spirit94]

Bonjour,
Je suis entrain de construire la page de présentation de Staff et de Joueurs d'une équipe de foot.
Sur cette page, j'ai mis deux colonnes, une à gauche et une à droite.
j'utilise exactement cette méthode, ( Pour moi c'est la démo 1) : http://www.menucool.com/javascript-image-slider
avec uniquement deux photos qui défilent pour chaque joueur. Il s'agit de javascript.
J'ai donc un fichier Html, un fichier css normal, un fichier slide.js et de nouveau un fichier CSS pour la mise en forme du slide avec deux photos qui défilent.
J'ai réussi à modifier le code de base afin que réduire les dimensions du slide et de son positionnement, mais il agit que pour les 2 photos d'un slide ( pour un seul joueur ), c'est à dire que, j'ai 25 joueurs et pour les 25 joueurs différents, je dois créer un fichier .js nommé différemment et 25 autres fichier CSS que pour le solde nommé différemment encore. Donc après mon Doctype, je me retrouve avec 25 fichiers CSS à définir au niveau du DOCTYPE, et 25 autre fichiers Js à déclarer. Le problème c'est que pour l'instant ja'i créé que 4 fichiers de chaque, et la transition des photos est sacadée, très lente, alors qu'avec un seul fichier, c'est fluide et rapide.
çà fait lourds je trouve.

y a t'il un moyen pour que les les slides fonctionnent avec une seul ou deux fcihier .Js et CSS ( un pour la colonne de gauche et l'autre pour la colonne de droite ? ( Car là c'est très très lourd et le rendu n'est pas le même avec tous ces fichiers qui sont sollicité sur une seule page HTML.)?
Pour être plus précis, voilà ce qu'il m'affiche ( une barre de recherche comme s'il ne trouvait pas les photos, alors que c'est le même code, mais par contre dès que je crée un nouveau fichier .js et Css pour chaque solide, là çà fonctionne ) :

[Spirit94]

Afin d'être plus précis, je vous montre en image exactement ce que je dois faire pour que çà fonctionne ( pour que les images du slides fonctionnent, car sinon, une iage de barre de recherche apparait ).
ici, je dois créer 25 fichiers js et 25 fichiers CSS différents sinon, çà ne fonctionne pas. Et dans ces 25 fichiers, je dois modifier les noms des slides ( par exemple pour la transition de photos 2 çà sera #slides2,pour la transition de photos 3 çà sera #slides3, ect ... )



Faut que je crée les 50 fichiers (25 css et 25 Js )

[Spirit94]

Pour le fichier .js, je dois crée également 25 fichiers, en modifiant uniquement le code de la première ligne pour le chiffre e rouge en 1 puis 2 puis 3, jusqu'à 25 :
( Pour la fin du code, je n'ai pas tout mis, car trop long, mais cette partie là n'est pas à modifier )

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
21
22
23
var sliderOptions=
{
	sliderId: "slider1",
	startSlide: 0,
	effect: "series1",
	effectRandom: false,
	pauseTime: 2600,
	transitionTime: 500,
	slices: 12,
	boxes: 8,
	hoverPause: 1,
	autoAdvance: true,
	captionOpacity: 0.3,
	captionEffect: "fade",
	thumbnailsWrapperId: "thumbs",
	m: false,
	license: "b6t80"
};

var imageSlider=new mcImgSlider(sliderOptions);

/* Menucool Javascript Image Slider v2014.1.4. Copyright www.menucool.com */
function mcImgSlider(k){for(var T=function(a){return document.getElementById(a)},..................................................................................}

[mathieu]

tu peux générer les fichier CSS et JS en PHP par exemple (ou dans n'importe quel autre langage côté serveur) et les appeler dans le code comme ça par exemple :

Code :

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

<script type="text/JavaScript" src="script-slider-js.php?numero=2"></script>

[Spirit94]

Bonjour Mathieu,
Merci de ta participation et du conseil. cependant je ne comprend pas vraiment ce que tu veux dire générer les fichiers CSS et JS en PHP
Mon soucis c'est que déja que je ne comprends pas tout encore en CSS et Html, alors e PHP c'est pour moi du chinois je dirai. C'est assez compliqué de tout assimilé en même temps.
Je ne comprends pas vraiment ce que tu me me dire et comment faire çà.
1- Il n'existe pas d'autres solution que d'utiliser du PHP pour contourner ce problème ne nombre de fichier à faire appel et ainsi alléger le chargement de ces photos slide ?
2- Dans ton exemple, je dois nommé un fichier numéro=2 ? ET les fichiers CSS auquels il doit faire appel pour chaque slide, on fait comment ? Je saisi pas tout, si tu peux m'éclairer.

Merci.

[mathieu]

pour plus d'informations sur le PHP, tu peux regarder là :
http://sylvie-vauthier.developpez.co...age=intro#LI-1