Slider javascript bancal
Résolu/Fermé
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
-
15 oct. 2020 à 18:10
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 16 oct. 2020 à 19:01
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 16 oct. 2020 à 19:01
A voir également:
- Slider javascript bancal
- Telecharger javascript - Télécharger - Langages
- Wow slider - Télécharger - Présentation
- Javascript est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
- Erreur #125 javascript - Forum Mozilla Firefox
- Node.js javascript runtime virus ✓ - Forum Virus
5 réponses
jordane45
Messages postés
38465
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 avril 2025
4 741
15 oct. 2020 à 21:18
15 oct. 2020 à 21:18
Bonjour,
Et tes images... tu les as envoyé sur le serveur ?
Car, soit tu as oublié de les mettre sur ton serveur.... soit le chemin que tu indiques pour les trouver n'est pas le bon...
Par exemple... il n'y a rien à l'adresse : http://txiki.free.fr/slideShow/images/img70.jpg
Et tes images... tu les as envoyé sur le serveur ?
Car, soit tu as oublié de les mettre sur ton serveur.... soit le chemin que tu indiques pour les trouver n'est pas le bon...
Par exemple... il n'y a rien à l'adresse : http://txiki.free.fr/slideShow/images/img70.jpg
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
521
16 oct. 2020 à 00:37
16 oct. 2020 à 00:37
Bonsoir et merci encore,
Oui oui. Mais le fichier slideShow.js s'appelle en fait SlideShow.js (c'est le seul) ???
N’empêche que les images s'affichent à gauche du div (fond noir) mais je crois que c'est le script js. Mais quand a voir et corriger ce paramètre, je ne sais pas où.
Je toucherai bien ici mais pour quelle valeur:
Oui oui. Mais le fichier slideShow.js s'appelle en fait SlideShow.js (c'est le seul) ???
N’empêche que les images s'affichent à gauche du div (fond noir) mais je crois que c'est le script js. Mais quand a voir et corriger ce paramètre, je ne sais pas où.
Je toucherai bien ici mais pour quelle valeur:
globals.wrapperObject.style.position = "relative";
jordane45
Messages postés
38465
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 avril 2025
4 741
16 oct. 2020 à 08:01
16 oct. 2020 à 08:01
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
521
Modifié le 16 oct. 2020 à 14:10
Modifié le 16 oct. 2020 à 14:10
Bonjour, c'est bien ce que j'ai modifié quand je m'en suis rendu compte.
Ça y est ! J'avais pourtant uploadé, plusieurs fois même, le fichier après modif....
Par contre reste le problème du centrage de l'image.
Là je pense que c'est bien le .js qui génère l'animation avec l'image à gauche. C'est moi qui ai agrandi la taille du div et sa couleur de fond.
Qu'appelle-tu console javascript ? Moi j'ai console web et console navigateur. Des trucs que j'utilise jamais. Pourtant j'en ai réalisé des sites web....
Ça y est ! J'avais pourtant uploadé, plusieurs fois même, le fichier après modif....
Par contre reste le problème du centrage de l'image.
Là je pense que c'est bien le .js qui génère l'animation avec l'image à gauche. C'est moi qui ai agrandi la taille du div et sa couleur de fond.
Qu'appelle-tu console javascript ? Moi j'ai console web et console navigateur. Des trucs que j'utilise jamais. Pourtant j'en ai réalisé des sites web....
jordane45
Messages postés
38465
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 avril 2025
4 741
16 oct. 2020 à 14:36
16 oct. 2020 à 14:36
La console.... dans ton navigateur internet, les outils de dev (accessibles via la touche F12 de ton clavier )
Dans cette fenêtre, tu as un onglet "console".
Sinon, je ne sais pas si tu as réalisé plusieurs sites.. mais je pense que tu n'as pas pris de bonnes habitudes.
Il semble que tu aies mis du "style" directement sur tes éléments html au lieu d'utiliser du CSS.
Quoi qu'il en soit, tu as fixé (à moins que ça ne soit le script JS... faudra regardé...) un WIDTH sur tes images
Mais comme je n'ai pas le lien vers là où tu as téléchargé le plugin pour voir leurs exemples et la documentation, je vais te laisser chercher.
La question initiale (les images sont absentes) je t'invite à mettre cette discussion en RESOLUE et à en rouvrir une si besoin pour tes "nouveaux" soucis.
Dans cette fenêtre, tu as un onglet "console".
Sinon, je ne sais pas si tu as réalisé plusieurs sites.. mais je pense que tu n'as pas pris de bonnes habitudes.
Il semble que tu aies mis du "style" directement sur tes éléments html au lieu d'utiliser du CSS.
Quoi qu'il en soit, tu as fixé (à moins que ça ne soit le script JS... faudra regardé...) un WIDTH sur tes images
<div style="margin-left:auto; margin-right:auto; width:600px; height:350px; background-color: #000000;"> <div id="slideShowImages"> <img style="width:400px; height:300px;" src="slideshow/images/img70.jpg" alt="Slide 1" title="image1" /> <img style="width:400px; height:300px;" src="slideshow/images/img74.jpg" alt="Slide 2" /> <img style="width:400px; height:300px;" src="slideshow/images/img163.jpg" alt="Slide 3" /> <img style="width:400px; height:300px;" src="slideshow/images/img164.jpg" alt="Slide 4" /> </div> </div>
Mais comme je n'ai pas le lien vers là où tu as téléchargé le plugin pour voir leurs exemples et la documentation, je vais te laisser chercher.
La question initiale (les images sont absentes) je t'invite à mettre cette discussion en RESOLUE et à en rouvrir une si besoin pour tes "nouveaux" soucis.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
521
Modifié le 16 oct. 2020 à 15:24
Modifié le 16 oct. 2020 à 15:24
1) J'ai déjà vu ça mais ne sachant comment interpreter ce qui est dit, je ne touche pas.
2) Oui bien j'utilise un Toto.css et Toto.js que je met dans un répertoire Styles pour les sites que je réalise. Ici tout est copié sur l'ensemble que j'ai téléchargé ici.
3) Effectivement c'est curieux de mettre un style aux images, perso je met une taille au <td>, <div>, etc. Ou alors un <p> avec float ou pas. C'est dans code htm de l'exemple.
Dans ce cas si seul le / fonctionne mais dans l'exemple il n'y est pas.
Enfin.
Je voudrais bien changer le nom du répertoire des images mais il faudra aussi le changer dans le script et la c'est la cataaaaa !!!!
PS. Tiens je viens de découvrir l'url caché derriere un mot (comme sur wikipedia)
J'ai bien clôturé la discussion précédente. Merci.
2) Oui bien j'utilise un Toto.css et Toto.js que je met dans un répertoire Styles pour les sites que je réalise. Ici tout est copié sur l'ensemble que j'ai téléchargé ici.
3) Effectivement c'est curieux de mettre un style aux images, perso je met une taille au <td>, <div>, etc. Ou alors un <p> avec float ou pas. C'est dans code htm de l'exemple.
src="slideshow/images/img70.jpgde même que je met un / (slash) ou même ../ pour remonter à la racine du site sur le serveur directement après le
<img. ex:
<img src="/mon image.jpg" />
Dans ce cas si seul le / fonctionne mais dans l'exemple il n'y est pas.
Enfin.
Je voudrais bien changer le nom du répertoire des images mais il faudra aussi le changer dans le script et la c'est la cataaaaa !!!!
PS. Tiens je viens de découvrir l'url caché derriere un mot (comme sur wikipedia)
J'ai bien clôturé la discussion précédente. Merci.
jordane45
Messages postés
38465
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 avril 2025
4 741
16 oct. 2020 à 16:38
16 oct. 2020 à 16:38
Je parle de la discussion dans laquelle nous sommes... qui concernait un souci pour afficher les images.
Bonne journée.
Bonne journée.
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
521
16 oct. 2020 à 19:01
16 oct. 2020 à 19:01
Bonjour à tous,
Problème ENFIN réglé.
1) Images recadrées avec fond noir et de tailles identiques
2) Suppression des widtht et Height et bachground-color du div
Je clos la discussion.
Merci beaucoup jordane45.
Problème ENFIN réglé.
1) Images recadrées avec fond noir et de tailles identiques
2) Suppression des widtht et Height et bachground-color du div
Je clos la discussion.
Merci beaucoup jordane45.