Sujet Précédent Sujet Suivant

Diaporama Javascript d'un BDD MySQL

Fermé
reverb94 Messages postés 106 Date d'inscription jeudi 7 mars 2013 Statut Membre Dernière intervention 7 janvier 2014 - 14 mai 2013 à 17:01
 moret - 14 mai 2013 à 18:37
Bonjour à tous,

Je crée actuellement un site sur des croquis dessins et autre, pour cela j'ai appris et utilisé les langages suivant : HTML, CSS, PHP (PDO), SQL.

Je souhaiterai maintenant apprendre le javascript pour donner un cotés dynamique du site.

J'aimerai savoir si il existe un code ( à copier coller mais également à comprendre ^^ ) qui me permettrai de faire un diaporama de données provenant d'une Base de donnée (MySQL, codé en php)

Voici le code de ma page d'accueil sur laquelle ce trouve l'article qui contient l'image, le titre, la catégorie et un descriptif ( qui proviennent d'une base de donné ) que j'aimerais faire défiler comme un diapo ( pas facile à décrire ce que l'on voudrait faire xD ) 

<?php 
require_once("connexionimgindex.inc.php");
$reponse = $bdd->prepare('SELECT categorie,titre,image,description FROM imgindex WHERE categorie="actualité"');
$reponse->execute();
?>
<?php while ($imgindex = $reponse->fetch()) { ?>

  <?php echo "<span id='classtext12v'>".htmlspecialchars($imgindex['categorie'])."</span>"; ?>
  <br />
  <?php echo "<span id='classtext22v'>".htmlspecialchars($imgindex['titre'])."</span>"; ?>
  <br />
  <img src="images/<?php echo $imgindex['image']; ?>" width="500px" height="350px"/>
  </div>
  <br />
  <div id="descriptionv1">
  <?php echo "<span class='classtext31v'>".htmlspecialchars($imgindex['description'])."</span>"; ?>
 
<? } $reponse->closeCursor(); ?>


Merci pour votre attention et votre aide.

A voir également:

1 réponse

Réponse 1 / 1
moret
14 mai 2013 à 18:37
Salut,

un code tout fait? Non certainement pas.
Si vous connaissez PHP je voit pas où est le problème, javascript c'est pas plus sorcier au contraire j'aurai tendance à dire que c'est plus simple: PHP fonctionnes sur le serveur tandis que javascript est exécuté directement par le client(le navigateur).
Bien sûr il y a des différences, essentiellement que PHP est bien pratique pour faire le lien HTML <-> base de données et javascript pour gérer tout ce qui est événementiel(il se passe quelque chose on fait ça) en étant plus rapide que le PHP qui doit faire l'aller retour(client serveur client).
Vous tapez galerie javascript vous trouverez un paquet d'exemples comme celui ci que j'ai personnellement utilisé comme base:
http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html
Vous n'avez qu'à écrire vos images avec la fonction la plus utile de PHP ; echo();


Si vous cherchez un diaporama plus du style:
https://www.google.fr/search?q=diaporama+javascript&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a

Mais bon maîtriser la galerie avant d'attaquer un slideshow me paraît plus logique(un slideshow étant une galerie avec un temps de défilement ^^)
-2

Discussions similaires

Durée d'une diapositive animée
bibibibi99 -
bibibibi99 -

Bonjour,

Je souhaite créer un diaporama entièrement automatisé (sans clic) sous PowerPoint 2010. J'ai donc établi les différent paramètres d'animation (durée, effet d'apparition, de disparition...) pour les titres, photos dans chacune de mes diapos (onglet animation). J'ai également choisi mes transitions entre chaque diapo (onglet transition). Jusqu'ici tout va bien.

Mon souci est la durée de chacune des diapositives. Je souhaiterai que le changement de diapo se fasse directement après la dernière animation de la diapo sans laps de temps.
Voici le problème :

Dans l'onglet transition, j'ai indiqué "passer à la diapositive suivante après ...

2 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

12 réponses
l'extension des fichiers powerpoint
sousou -
taig -

Bonjour,
r realiser power point.
je sais que pour word est .doc mais pour power point.
merci d'avance

3 réponses
diaporama powerpoint "type amicalement votre"
darthi01 -
Sergio39 -

Bonjour,
je recherche une trame de diaporama de type amicalement votre. C'est pour un ariage.
MErci beaucoup.

Thierry


Configuration: Windows / Chrome 56.0.2924.87

1 réponse
java script error in the main process
ceciel2307 -
Thibaut -

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :



Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

3 réponses