creation de slider

**filou80** · 10/11/2018, 12h47

Bonjour à tous,

Je sollicite votre aide, votre savoir.
Je suis bloquer sur un slide, je voudrais inclure les boutons avant arriére pause est de mettre 1 photos a la fois.
Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<DOCTYPE! html>
<head>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <!--Script JQuery du Slider-->
<script type="text/javascript">
   $(function(){
      setInterval(function(){
         $(".slideshow ul").animate({marginLeft:-350},800,function(){
            $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
         })
      }, 3500);
   });
</script><!-- Fin du Script -->
</head>
<body>
    <!-- Récuperer toute les images du dossier courant avec un  ".jpg"--><!-- Essayer d'afficher toutes les images dans le slider -->
    <div class='slideshow'>   
 
                               <ul>
 
                                   <?php
 
                                   $types = '*.{gif,jpg,jpeg,png}';
 
                                    foreach (glob($types , GLOB_BRACE) as $filename) { ?>
 
                                       <li>
 
                                           <img src="<?= $filename; ?>">
 
                                       </li>
 
                                   <?php }?>
 
                               </ul>
 
                           </div
</body>
 
</html>

Si quelqu'un pourrais m'aider cela serai super sympas.
Car voici ce que cela donne sur le site : xxxxxxxxxxxxxxxxxxxxxxxxx

Merci par avance.
@+ Filou

**badaze** · 10/11/2018, 23h50

Euh. T’as pas moins crade comme site d’exemple ?

**filou80** · 11/11/2018, 10h40

Bonjour

Désolé des photos si elles sont "bizarres" ou si elles vous ont choqué.

Invité · 11/11/2018, 11h25

Bonjour,

1- J'ai supprimé le lien vers ton "site"...

Si des images pornos sont simplement "bizarres" pour toi, il faut te faire soigner.

2- Il existe des tas de scripts de sliders, BIEN documentés.
Si le tien ne donne pas le résultat voulu, cherche-en un autre.

**filou80** · 11/11/2018, 11h40

Bonjour

Non je ne suis pas malade, je rigole.
C'était pour répondre à Badaze je sais pas si c'est le code qui est crade ou les images ou les deux ?

J'ai trouver des scripts mais le soucis il faut mettre image par image et non inclure un dossier complet car le dossier dans le quel sont les photos va s'alimenter en allant et je ne veux pas toujours remettre des lignes de code.

Je suis preneur si vous auriez des liens utiles.

Merci encore pour vos réponses.

@+ Filou

Invité · 11/11/2018, 11h45

1- Tu as montré que tu savais récupérer les images dans un dossier en PHP.
Très bien.

2- Maintenant, il s'agit juste d'écrire la bonne structure HTML pour les afficher.
Et ça, ça doit être indiqué dans la DOCUMENTATION du slider (jQuery ?) que tu utilises.

Par exemple :

slick

N.B. On ne dit pas "...si vous auriez...", mais "...si vous aviez...".

(à moins d'une nouvelle réforme de l'orthographe, auquel cas tu pourrais écrire "...si vou orié...").

**badaze** · 11/11/2018, 12h21

Envoyé par filou80

Bonjour

Non je ne suis pas malade, je rigole.
C'était pour répondre à Badaze je sais pas si c'est le code qui est crade ou les images ou les deux ?

En venant sur ce forum je ne m’attends à tomber sur un monsieur-madame qui montre sa teubé quand je clique sur un lien.

Invité · 11/11/2018, 18h07

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div class="mon-slider-slick">
<?php
$types = '*.{gif,jpg,jpeg,png}';
foreach (glob($types , GLOB_BRACE) as $filename) { ?>
    <div>
      <img src="<?= $filename; ?>">
    </div>
<?php }?>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$(document).ready(function(){
  $('.mon-slider-slick').slick({
  });
});

slick - usage

**filou80** · 11/11/2018, 18h18

Les images apparaissent les unes en dessous des autres.
voici mon test : xxxxxxxxxxxxxxxxxxxxxxxxxxx
Le premier code je l'ai mis dans une page php et le deuxieme code en page css ou j'ai attacher la feuille css a la page php

Merci de votre aide et du temps passé.

@+ Filou