animation photo

[alain54100]

bonjour
j ai  encore envie d ameliorer smf  qui d ailleur et  super complet . 

j ai installer   simpleportal   ce qui me permet de mettre des blocs sur mon forum

je voudrai installer un bloc  ou je puisse mettre des images  ou des photos  ( ca c est facile ) mais je voudrai faire un genre de diaporama    . je ne sait pas comment m y prendre       avez vous une idée !!  merci de votre aide 

[maximus23]

Bonjour,

Ton diapo c'est pour le mettre où dans Sp, sur le forum, ... ?

[alain54100]

bonjour maximus  toujour présent   

rgarde ici  http://www.federation-pizzaiolos-france.fr/forum/index.php   les images dans le bloc , j aimerai les faire en diaporama   pour en mettre un peu plus   oui c est pour mettre  sur le forum dans un bloc soit  bbc  soit html ou php 

[maximus23]

Bonjour,

Alors une chose assez simple à faire.

Dans Sp créer un bloc de Type Php et y inclure ceci :

Code Select Expand


$images = array(
    'image1_url',
    'image2_url',
    'image3_url',
    'image4_url',
);

$delay = 1;

$num_images = count($images);
echo '
<img id="slideshow" src="" />
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
    var images = [';

for ($i = 0; $i < $num_images; $i++)
    echo '["', $images[$i], '"]', ($i == $num_images - 1) ? '' : ',';
   
echo '];
    var current_image = 0;
    var num_images = ', $num_images, ';
    var timer;

    function changeImage()
    {
        if (current_image == num_images)
            current_image = 0;
        document.getElementById("slideshow").src = images[current_image];
        current_image = current_image + 1;
        var timer = setTimeout("changeImage();", ', $delay * 1000, ');
    }

    changeImage();
    // ]]></script>';



A noter :

Changer "$delay" pour changer le temps entre les slides,
Changer "$images" pour la liste des images à afficher. (url requise pour afficher).

[alain54100]

merci maximus j essai cela demain  et je te tiens au courant  bonne soirée

[alain54100]

super maximus comme dab toujour parfais 
cela fonctionne 
j ai mon diaporama  avec  les photos   

par contre je voudrai mettre un texte au dessus de chaque photos   tu a une idée   

et puisque nous y sommes  dans la section infolettre  comment faire pour avoir aussi un diaporama  j ai essayer le code php mais ca marche pas

mille merci     

[maximus23]

Bonsoir,

Tu as un mod album photo installé ? Si oui lequel ?

[alain54100]

oui maximus   j ai installer    media  comme album photo

[maximus23]

Bonjour,

Media c'est vague Il y a Aeva Media, il y a Smf Media etc ...

[alain54100]

desoler   aeva media  1.4c

[maximus23]

Bonjour,

Ok je verrai cela ce soir

[alain54100]

ok merci maximus   a plus tard

[maximus23]

Bonsoir,

Bon pour mettre dans les news tu dois mettre ton code dans infolettre sous cette forme :

Code Select Expand


[move][table][tr]
[td][smg id=1][/td]
[td][smg id=2][/td]
[/tr][/table][/move]



Tu mets autant de [smg id=xxx] que tu le désires.

Pour cela tu dois utiliser des photos se trouvant dans la galerie.

Dans :

Admin -> Aeva Media -> Paramètres -> Apparence ->

Tu descends dans la section -> Tag [smg] et intégration -> Afficher le code pour lier vers les images -> et là tu mets oui dans la fenêtre -> Tu sauves

Cela te permettra d'avoir un code que tu retrouveras sous ton fichier image que tu veux sélectionner, tu copies le lien donné et tu le colles dans ton slide ci-dessus. Le lien ressemble à  [smg id= xxx].

Quand tu as fini ta sélection tu peux retirer la fonction de tag si tu ne la désires pas sur tes images

[alain54100]

bon voila j ai fait un essai  je te donne  l exemple de code   c est bien sur le forum
par contre les images reste fixe   j ai pas de diaporama 
que doit je faire pour que les images tourne genre diaporama
merci

Code Select Expand

[move][table][tr]
[td][smg id=[smg id=151][/td]
[td][smg id=[smg id=150][/td]
[td][smg id=[smg id=148][/td]
[td][smg id=[smg id=147][/td]
[td][smg id=[smg id=146][/td]
[td][smg id=[smg id=145][/td]

[/tr][/table][/move]




[maximus23]

Bonjour,

Tes images doivent tourner de droite à gauche car une seule image là cela ne serait vraiment pas beau  Attention tu dois activer nouvelles rotatives et retirer l'autre

[alain54100]

bonjour
j ai pas trop compris ce que tu voulais dire par

Attention tu dois activer nouvelles rotatives et retirer l'autre

je te joint une image de ce que j ai sur mon forum

merci a plus

[maximus23]

Bonjour,

Admin -> Thème en Cours -> Activer les nouvelles rotatives -> Cocher -> Activer les nouvelles tournantes dans l'entête du forum -> Décocher et sauver

Si tu veux autre chose comme solution alors soit explicite pour me dire ce qu'il en est

[alain54100]

merci maximus de prendre t on temps

par contre j ai fait activer les rotatives mais c est pas cela que je veux


je voudrai mettre dans les info lettre en haut a droite  des photos qui vont tourner    comme un genre de diaporama .

avec le code que tu ma donner  j ai les photos qui  s installe les une a cote des autre   ( regarde le fichier joint  )

comment faire    !!

[maximus23]

Bonjour,

Donc sur une image. Je trouvais plus beau la rotation droite gauche mais là c'est chacun selon ses goûts et son utilité donc je regarderai pour avoir selon ta demande une seule image en slide

Ok je verrai cela ce soir car là j'aurai plus(+) de temps

[alain54100]

merci maximus

en faite je voudrai installer un diaporama sur un item    c est pas plus compliquer que cela  enfin pour toi 

[alain54100]

bonjour maximus
j ai regarder a nouveau les codes  en faite   les images qui vont de droite a gauche et pas mal du tout par contre  cela fonctionne sous firevox mais pas sous explorer   tu peux me dire ou et le probleme  !! merci

[maximus23]

Bonjour,

Moi ici FF, IE8, Opera et pas de problèmes