Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1844 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Impossible de faire un slider besoin d'aide

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Impossible de faire un slider besoin d'aide

n°2329398
monstertee​nkuma
Posté le 19-02-2019 à 12:12:40  profilanswer
 

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

mood
Publicité
Posté le 19-02-2019 à 12:12:40  profilanswer
 

n°2329425
MaybeEijOr​Not
but someone at least
Posté le 19-02-2019 à 19:02:42  profilanswer
 

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.
n°2329429
monstertee​nkuma
Posté le 19-02-2019 à 21:20:23  profilanswer
 

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

n°2329476
MaybeEijOr​Not
but someone at least
Posté le 20-02-2019 à 19:59:06  profilanswer
 

Et cela uniquement sur Chrome ou sur les autres navigateurs aussi ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2329479
monstertee​nkuma
Posté le 20-02-2019 à 20:07:44  profilanswer
 

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)

n°2329481
MaybeEijOr​Not
but someone at least
Posté le 20-02-2019 à 20:48:11  profilanswer
 

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.
n°2329483
monstertee​nkuma
Posté le 20-02-2019 à 21:05:53  profilanswer
 

excuse moi, je suis tres mauvais en js tu as un exemple ?

n°2329500
monstertee​nkuma
Posté le 21-02-2019 à 14:01:40  profilanswer
 

j'ai trouvé merci :D


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Impossible de faire un slider besoin d'aide

 

Sujets relatifs
Paralléliser les tris à l'aide de forkaide 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 jobaide pour prg
Recherche de testeurs pour debug Java JDKNovice : besoin d'aide sur un codage
Plus de sujets relatifs à : Impossible de faire un slider besoin d'aide


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR