Ce forum est en partie financé par l’affichage de publicités. Merci de désactiver votre bloqueur de publicités pour nous permettre de continuer à fournir ce service.

[css+js] Modifier Carousel

Discussion dans 'Développement web' créé par -anonyme-, 6 Novembre 2008.

Modérateurs: Nephou
  1. -anonyme-

    -anonyme- Légende

    Inscrit:
    26 Février 2001
    Messages:
    66 286
    J'aime reçus:
    2 668
    Bonjour à tous,

    Je n'ai pas de problème technique concernant le script Carousel. Un exemple ici avec une version zippée si vous souhaitez faire des tests. La feuille est incluse dans le head, et la taille des images est de 346 x 250.

    Mon problème a l'air simple: je souhaite simplement modifier la taille des images dans ce script.

    Par exemple en leur attribuant une largeur de 600px.

    J'ai donc ajusté le CSS, et modifié la taille dans le script home.js, cependant le résultat est catastrophique…

    Avez-vous une idée ?

    Merci et bonne soirée
     
    #1 -anonyme-, 6 Novembre 2008
    Dernière édition par un modérateur: 4 Mai 2017
    Human-Fly et F118I4 aiment ça.
  2. Anonyme

    Anonyme Invité

    Ça ne va pas beaucoup t'aider mais pourquoi ne pas utiliser jquey et plugin cycle? On dirait que c'est plus facile à utiliser… ;)
     
  3. fredmac75

    fredmac75 Membre d’élite
    Club MacG

    Inscrit:
    14 Juillet 2003
    Messages:
    1 415
    J'aime reçus:
    127
    Bon alors ma pitchounette :
    1 - la prochaine fois tu évites de nous sortir des scripts pourris de la mort... :rateau:

    2 - important en css s'écrit
    Code (Text):
    #carousel {
        position:relative !important;
        overflow:hidden !important;
        width:600px !important;
        height:274px !important;
        margin:0 !important;
        background:#fff !important;
        }
    3 - Ceci étant dis, la solution se trouve là en trois temps :
    A - je modifie la taille du conteneur #carousel
    B - je modifie cette ligne de merde au niveau de la taille du conteneur #carousel_content
    Code (Text):
    #carousel_content {position:absolute; top:0; margin-left:0;width:5000px;}  
    C - je modifie le home.js ligne 16 avec un size correspondant à la taille de l'image soit 600

    Si tu as besoin je te renvoi le zip modifié...
    ;)
     
    tumb aime ça.
  4. -anonyme-

    -anonyme- Légende

    Inscrit:
    26 Février 2001
    Messages:
    66 286
    J'aime reçus:
    2 668
    Tu es mon dieu :cool:
    Merci à toi ô maître des standards :)
     
Modérateurs: Nephou
Chargement...

iOccasion - Achetez un produit Apple d'occasion

refurb Apple