Impossible de faire un slider besoin d'aide
Impossible de faire un slider besoin d'aide - HTML/CSS - Programmation
Marsh Posté le 19-02-2019 à 19:02:42
Bonjour,
Actuellement il n'y a aucune esquisse de slide, je ne vois pas trop comment on pourrait t'aider...
Ton projet : https://codepen.io/anon/pen/qgvqgP
---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Marsh Posté le 19-02-2019 à 21:20:23
Je voudrais faire ca https://codepen.io/Mtkuma/full/BMbZWB
mais quand je le fais sur sublime text et que je l'ouvre dans chrome ca fonctionne pas, y a pas d'image qui s'affiche etc
Marsh Posté le 20-02-2019 à 19:59:06
Et cela uniquement sur Chrome ou sur les autres navigateurs aussi ?
---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Marsh Posté le 20-02-2019 à 20:07:44
sur tout mes navigateur il n'y a aucune image qui s'affiche et les bouton prev et next non plus
donc j'ai été tres surpris que cela fonctionne sur codepen, je l'ai donc ouvert sur tout mes navigateur (y compris des moin connu comme vivaldi browser)
avez vous une idée ? (j'ai bien vérifier les autorisation de java etc)
Marsh Posté le 20-02-2019 à 20:48:11
Oui, tu n'exécutes pas ton JS, tes fonctions sont créées mais ne sont jamais appelées. Bon en fait c'est surtout ta fonction anonyme qui contient les autres fonctions qui n'est pas appelée.
Nomme ta fonction anonyme et appelles-la une fois ta page chargée et ça fonctionnera.
---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Marsh Posté le 20-02-2019 à 21:05:53
excuse moi, je suis tres mauvais en js tu as un exemple ?
Sujets relatifs:
- Paralléliser les tris à l'aide de fork
- aide Spring boot /jquery /api
- aide pointeur [résolu]
- Demande d'aide pour un proramme de verrouillage arduino
- aide lua
- [Aide] Création jeu textuel
- Aide récupérer les derniers status de chaque job
- aide pour prg
- Recherche de testeurs pour debug Java JDK
- Novice : besoin d'aide sur un codage
Marsh Posté le 19-02-2019 à 12:12:40
Bonjour,
je suis en train de faire un site que je voudrais lancer par la suite en même temps que mon kickstarter
j'éssaye d'avoir une approche "pro" comme premiere impression mais aussi "inovant" ou on sens la creativiter.
malheureusement j'ai essayer pendant des heure et je n'arrive jamais a avoir de slide, au mieux j'ai mon rectangle est toutes mes images dedans mais sans animation
j'ai donc au bout de quelques heure été sur le site codepen.io et.. malgré un vieux copier coller rien ne fonctionne.
je viens donc vers vous avec mon code et ma référence pour vous demander de l'aide (et au passage vous demander si mon code est correct ou si j'ai tout mal fait a la base [se qui m'enpecherais de faire le slide])
merci de m'avoir lu et voici mon code: (sans le slider que j'éssaye d'integré, je vous mes un liens vers le slider)
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Copatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<title>Gladion</title>
<link rel="icon" type="image/png" href=".../../../images/icon.png"/>
<link href='.../../../css/style.css' type='text/css' rel='stylesheet'/>
<script src=".../../../java/index.js"></script>
</head>
<body>
<header>
<div class="header">
<div class="titre"> <a href="sommaire.html" title="Gladion SA"> <h1> Gladion </h1></a> </div>
<ul class="nav">
<li><a href="../../communaute.html"> Communauté </a> </li>
<li><a href="../../synopsis.html"> Synopsis </a> </li>
<li><a href="../../monde.html"> Monde </a> </li>
<li><a href="../html/boutique/shop.html"> Boutique </a> </li>
</ul>
<ul class="link">
<li><a href="#"> Panier </a></li>
<li><a href="#"> Recherche </a></li>
<li><a href="#"> FR </a></li>
<li><a href="#"> EN </a></li>
</ul>
</div>
</div>
</header>
<main>
<!-- slider -->
</main>
</body>
<footer> <!-- à faire -->
</html>
h1{
font: 100px variant; color: DarkOrange; text-align: center;
font-weight: bolder;}
body{
margin:0 auto; background: white; }
html { overflow-x: hidden; }
.header {
height:300px;
background:#000;
border: 1px solid #000;
top: 0px;
width: 100% }
a:link {
text-decoration:none;
color: white; }
a:link:hover {
color: darkorange; }
a:visited {
color: white; }
a:visited:hover {
color: darkorange; }
.nav {
margin: 0;
padding: 0;
display: flex;
}
.nav li {
list-style: none;
margin: 0 175px;
transition: 0.5s;
}
.nav li a{
position: relative;
text-decoration: none;
padding: 5px;
font-size: 27px;
font-family: sans-serif;
color: #fff;
font-weight: bold;
transition: 0.5s;
}
.link {
list-style-type: none;
text-align: auto;
margin-top: -270px;
padding: 0;
position:absolute;
left:77%;
right:0%;
margin-left:auto;
margin-right:auto; }
.link li{
display: inline-block;
font-size: 19px;
font-color: #fff;
padding: 6%;}
.slider { /* test raté */
margin: 0 auto;
margin-top: 4.5%;
position: relative;
width: 55%;
height:450px;
background:#000;
overflow: hidden;}
et voici le liens du slider que je ne parviens pas a reproduire..
https://codepen.io/pdesacastro/pen/zqyJBr
s'il vous plait, de l'aide
Thibaut