IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Plusieurs slides dans la page


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    fonctionnaire
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : fonctionnaire
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Par défaut Plusieurs slides dans la page
    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 ) :

    Nom : Fiche Staff - Joueurs.PNG
Affichages : 938
Taille : 523,7 Ko

  2. #2
    Membre confirmé
    Homme Profil pro
    fonctionnaire
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : fonctionnaire
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Par défaut
    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 ... )

    Nom : Liste des fichiers à déclarer.PNG
Affichages : 932
Taille : 82,0 Ko

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

    Nom : Organisation fichiers Staff-Joueurs1.PNG
Affichages : 893
Taille : 56,4 Ko

    Nom : dans notepad.PNG
Affichages : 942
Taille : 95,9 Ko

    Nom : Fiche Staff - Joueurs2.PNG
Affichages : 888
Taille : 252,6 Ko

  3. #3
    Membre confirmé
    Homme Profil pro
    fonctionnaire
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : fonctionnaire
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Par défaut
    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)},..................................................................................}

  4. #4
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 669
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 669
    Par défaut
    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>

  5. #5
    Membre confirmé
    Homme Profil pro
    fonctionnaire
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : fonctionnaire
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Par défaut
    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.

  6. #6
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 669
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 669
    Par défaut
    pour plus d'informations sur le PHP, tu peux regarder là :
    http://sylvie-vauthier.developpez.co...age=intro#LI-1

Discussions similaires

  1. Réponses: 2
    Dernier message: 25/09/2008, 17h47
  2. plusieurs formulaires dans une page
    Par momo79379 dans le forum Langage
    Réponses: 2
    Dernier message: 24/03/2008, 11h41
  3. [Struts-Layout] plusieurs datagrid dans une page jsp
    Par CaptainCyd dans le forum Struts 1
    Réponses: 2
    Dernier message: 04/06/2007, 16h43
  4. Plusieurs forms dans une pages aspx
    Par nephhh dans le forum ASP.NET
    Réponses: 2
    Dernier message: 24/02/2007, 20h19
  5. [débutant] appeler plusieurs methodes dans une page html
    Par soulhouf dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/08/2005, 19h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo