2010-08-25 9 views
0

est-ce que quelqu'un a déjà utilisé nivo curseur pour les images? J'ai un problème avec l'affichage des images suivantes et précédentes pour la navigation. Il montre l'image précédente pour boh next et prev navigation.nivo slider - next et prev image

Quelqu'un peut-il vous aider s'il vous plaît?

+1

Très difficile de deviner ce qui se passe ici, pouvez-vous s'il vous plaît poster le code? Est-ce fonctionnalité par défaut du plugin, l'étendez-vous? – lnrbob

+0

pas de modifications sur le plugin javascript .. Cependant les changements requis sur le côté CSS. Comment puis-je vous envoyer le fichier CSS? Je ne peux pas copier dans cette fenêtre car elle ne le formatera pas correctement. – user384080

Répondre

1

Si vous avez simplement copié/collé l'exemple de code, vous remarquerez qu'il demande une image. C'est parce qu'il utilise une image appelée un sprite. Un sprite est une image qui contient plusieurs images, qui sont ensuite positionnées via CSS via l'attribut background-position. Vous pouvez créer votre propre image d'image-objet et la positionner avec CSS ou vous pouvez utiliser deux images différentes. Si vous souhaitez utiliser deux images, il suffit de changer l'image du contrôle gauche dans CSS à left.png (en supposant que vous avez une icône flèche gauche) et l'image du contrôle de droite dans le CSS à droite.png.

+0

oui .. c'est seulement une image. Cependant, je ne sais pas où dans le javascript divise (ou repositionner l'image) .. suivant est le css: .nivo-directionNav a { \t affichage: bloc; \t position: absolue; \t en haut: 45%; \t z-index: 99; \t curseur: pointeur; \t largeur: 30px; \t hauteur: 30px; \t arrière-plan: url (../ Styles/images/arrows.png) non-répétition; \t texte: -9999px; \t bordure: 0; } flows.png a les deux icônes gauche et droite – user384080

+0

Inspecter ma copie de nivo, je vois qu'il y a des classes pour chaque flèche: ".nivo-prevNav" et ".nivo-nextNav". Essayez plutôt de placer les arrière-plans de l'image sur ces éléments. ".nivo-directionNav a" donne probablement juste des attributs similaires aux deux éléments pour garder les choses au sec. –

+0

merci compagnon .. nous sommes légendes! – user384080

Questions connexes