Titre: Intégration slideshow dans pages web en php?
Posté par: gael74 le le 28-08-2006 a 17:34:52
Voila mon problème: je ne connais pas le code ou très peu je me suis retrouvez à m'occuper d'un site et avec dream ca va plutôt bien pour les petites manips de tous le jours. Cependant je voudrais integrer des minis slideshows dans mes pages, mes pages présentant des activités diverses je voudrais que ces miniatures illustre bien ces activités. En gros si c'est du ski je voudrais un petit slideshow avec des images de ski qui défilent, tout ca integré dans la pages et non pas en pop-up ou autre pages comme proposé par certains logiciels.
Je ne suis certainement pas au bon endroit pour demander cela mais comme j'ai vu php comme dans dream et ben je l'ai mis la .
Merci pour tous les coups que vous me rendriez et pleins de bonnes choses. |
Titre: Re:Intégration slideshow dans pages web en php?
Posté par: tavman le le 29-08-2006 a 13:22:56
Alors en fait, je pense que tu as 2 problèmes :
- faire un slideshow.
- modifier le contenu du slideshow selon la page ou le visiteur se trouve.
le premier problème, c'est du JavaScript, le seconde, c'est belle et bien du php...
Alors déjà, voici un petit code HTML/JavaScript qui devrait t'aider a faire ton slideshow :
Code:
<html>
<head>
<title>Document sans nom</title>
<script language="javascript">
Slide_Textes = new Array();
Slide_Textes[0] = "SALUT TOUT LE MONDE<br>Ceci est mon slide show numéro 1";
Slide_Textes[1] = "SALUT TOUT LE MONDE<br>Ceci est mon slide show numéro 2";
Slide_Textes[2] = "SALUT TOUT LE MONDE<br>Ceci est mon slide show numéro 3";
Slide_Textes[3] = "SALUT TOUT LE MONDE<br>Ceci est mon slide show numéro 4";
Slide_Textes[4] = "SALUT TOUT LE MONDE<br>Ceci est mon slide show numéro 5";
Slide_Vitesse = 3;
Slide_Width = 200;
Slide_Time = 0;
Slide_Active = true;
function Slide () {
if ( Slide_Active ) {
document.getElementById('slider').style.left = (-Slide_Time*Slide_Vitesse) + "px";
Slide_Time++;
}
if ( Slide_Time >= Slide_Textes.length*Slide_Width/Slide_Vitesse ) Slide_Time = 0;
setTimeout("Slide();", 40);
}
function Start_Slide () {
var T = '';
T += '<table cellpadding="5px" width="'+( Slide_Width*(Slide_Textes.length+2) )+'px" id="slider" style="position:relative;">';
T += '<tr>';
for (var i=0 ; i<Slide_Textes.length ; i++ ) {
T += '<td style="border-left:2px solid #000000; width:'+Slide_Width+'px;">';
T += Slide_Textes;
T += '</td>';
}
T += '<td style="border-left:2px solid #000000; width:'+Slide_Width+'px;">';
T += Slide_Textes[0];
T += '</td>';
T += '<td style="border-left:2px solid #000000; width:'+Slide_Width+'px;">';
T += Slide_Textes[1];
T += '</td>';
T += '</tr>';
T += '</table>';
document.getElementById('Slide_Contener').innerHTML = T;
Slide();
}
</script>
</head>
<body onLoad="Start_Slide();">
<div id="Slide_Contener" style="width:400px; overflow:hidden; border:2px solid #000000;" onMouseOver="Slide_Active=false;" onMouseOut="Slide_Active=true;"></div>
</body>
</html> |
|
C'est vraiment fait rapidement et c'est pas du joli code mais ca fait très bien l'affaire... disons que c'est assez simpliste.
Bon maintenant, si tu veut mettre tes textes grace a php, c'est pas si compliqué que ca.... quoi que... En fait, tout se résume a "mettre du texte" et pour ca, tu as plusieurs possibilités. Ca dépend de ce que tu veut réellement faire :
- si tes pages affichent toujours le même texte (je veut dire par là qu'UNE page affichera toujours le même texte) alors tu peut utiliser des fichiers textes a coté... Sinon, si tes textes sont aléatoires ou si tu veut pouvoir les modifier facilement, vaudrai mieux que tu utilise une base de données....
Or, je vais pas t'expliquer toutes les solutions possibles et imaginables.... Si ca ce trouve, faudra que tu utilise la fonction include(), sinon ca peut etre file ou sinon c'est tout un truc pour la base de donnée... Donc donne moi des précisions si tu veut bien... |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|