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

JavaScript Discussion :

Diaporama : images décalées


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 5
    Points : 3
    Points
    3
    Par défaut Diaporama : images décalées
    Bonjour,

    Je suis graphiste et je suis amenée à intégrer un petit diaporama sur une page. J'ai donc trouvé un script simple qui me permettait d'afficher ce diaporama avec un effet de fondu sympa ::!
    Le pb, c'est qu'il décale les images quand il les affiche. Comme un bon lien vaut mieux qu'un gd blabla : http://www.cfp46.fr/informatique2.htm

    Et voici le code CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    #visuel{
     
    	width: 150px;
     
    	height: 100px;
     
    	background: url('visuel_1.jpg') 0px 0px no-repeat;
     
    }
    et le fichier javascript :http://www.cfp46.fr/visuel_sans_ajax.js

    Merci d'avance de votre aide !!

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    sans constater le décalage, difficile de t'aider ...

    Avec quel navigateur ?
    Vois-tu ce même décalage dans le lien exemple ?

    A+

  3. #3
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Seul constat, dans ton CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: url('visuel_1.jpg') 0px 0px no-repeat;
    alors que dans ton code JS, le 0px devient -4px ...

    A+

  4. #4
    Candidat au Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 5
    Points : 3
    Points
    3
    Par défaut
    Oui je sais, voilà les nouveaux CSS :

    #visuel{
    width: 150px;
    height: 96px;
    background: url('visuel_1.jpg') no-repeat;
    }

    et le javascript sans le -4px ici

    Mais ça ne marche toujours pas ...

Discussions similaires

  1. ROLLOVER image décalée
    Par teddydogg dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 15/07/2008, 21h33
  2. Diaporama images Javascript
    Par FujitSiem dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 19/11/2007, 08h51
  3. Diaporama images avec flèches
    Par cel44 dans le forum Dreamweaver
    Réponses: 3
    Dernier message: 31/05/2007, 14h24
  4. Diaporama image pause
    Par Invité(e) dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/04/2007, 12h14
  5. [FLASH 8] Diaporama images + streaming
    Par kyrsa dans le forum Flash
    Réponses: 1
    Dernier message: 06/06/2006, 19h09

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