5568 sujets

Sémantique web et HTML

Bonjour à tous,

Pour agrémenter un site internet et y coller un slider j'ai piqué un code html ici : http://imagesliderforblogger.blogspot.fr/2013/03/pure-css3-image-slider-for-blogspot.html#.UzlqUlyVsQc

Quand la souris passe sur l'image le titre apparait.

J'aimerai pouvoir enlever cet effet et que le titre apparaisse soit continuellement soit sur chaque image.
J'ai essayer de modifier le code mais je n'obtiens pas le résultat voulu (j'aimerai que le slide se déroule tout le temps comme lorsque la souris est dessus.)
J’espère avoir été assez clair et vous remercie de votre aide.
Salut,

essai de voir dans le code ou intervient le :hover sur l'image et change le code pour qu'il soit identique à l'image.. . je n'ai pas regarder vraiment le code de ton tuto mais bon tu pourrais adapter comme ça. ou faire une image du texte et de l'image. .

Sinon regarde ici en css3 tu devrait pouvoir faire de chose plus sympas et sans Java Prout ! Smiley lol

http://www.css3create.com/
blond1n le slider de yannarteos est déjà en pure CSS3 ... sans Java Prout Smiley smile

yannarteos pour afficher tout le temps le titre dans le fichier style.css ligne 91 tu remplaces left:-320px; par left : 0;

Le style à modifier est donc #slider .tooltip

Tu peux nettoyer plus le fichier CSS vu que du coup les styles de cette transition ne serviront à rien. Sinon tu fais juste ca et tu pourras remettre le titre qui s'affiche sur le hover en remettant left:-320px;
Modifié par AntiStatic (01 Apr 2014 - 13:13)
En passant, il faudrait au moins adapter le code CSS du slider pour qu'il déclare et utilise également des animations CSS sans préfixe. Elles sont en effet compatibles, sans préfixe, dans IE 10 et 11, et dans les versions récentes de Firefox.
Modifié par fvsch (04 Apr 2014 - 13:32)
Merci Antistatic,

C'est exactement ça, mais après essai c'est effectivement mieux avec l'effet
Me reste plus qu'à essayer avec + de 5 images...

Merci à tous pour vos réponses