Widget images aléatoires

3 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 8:59

Bonjour,

Je cherche un moyen d’afficher une image postée sur le forum dans un widget. Cette image, choisie aléatoirement dans les sujets, serait alors dans ma colonne de gauche (gestion des widgets). Est-ce qu’une solution existe ? J’ai fait le tour de forumactif sans trouver cette soluce Razz
Pour info je suis (enfin le forum que j’administre) en PhpBB3.


Dernière édition par yoyovento le Mer 18 Jan 2012 - 14:34, édité 1 fois
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Dr. Karlos Lun 16 Jan 2012 - 13:26

Bonjour,

Créez un nouveau widget personnalisé dans le Panneau d'administration > Modules > Portail et Widgets > Gestion des widgets du forum et insérez ce code:

Code:
<html>
  <head>
<title>javascript</title>
  </head>
  <body>
  <img src="" id="mon_image" />
  <script language="Javascript">
images = new Array(); 
  images[0] = "urlimage1"; 
  images[1] = "urlimage2";
  images[2] = "urlimage3"; 
  index = Math.floor(Math.random() * images.length);
  document.getElementById("mon_image" ).src= images[index];
  </script>
  </body>
</html>


Vous pourrez placer le nombre d'images que vous voulez en copiant cette ligne et en modifiant le "2" en suivant la logique:

Code:
 images[2] = "urlimage3";

Une fois le widget créé, il se trouve dans "widgets personnalisés", faites-le glisser vers la gauche et enregistrez le tout Wink


Cordialement,

Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 13:35

tip top Dr. Karlos mais il n'y a pas moyen d'avoir les photos publiées sur le forum en source ?
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 15:26

avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Dr. Karlos Lun 16 Jan 2012 - 18:44

Bonsoir,

Je ne pense pas qu'une variable ou un code dans le genre existe, vous devrez donc entrer manuellement vos images Wink


Cordialement,

Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Lun 16 Jan 2012 - 20:12

Bonsoir

Peut être une solution en utilisant Google AJAX Feed API

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 22:03

https://developers.google.com/intl/fr-FR/image-search/
Page not found :-(

Met un bon, très bon départ ! J'ai le numéro API :-)
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 22:06

Ce code pourrait m'aider ?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xh tml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>My Google API Application</title> <script src="https://www.google.com/jsapi?key=xxxxxxxxxxxxxxxxxxxx" type="text/javascript"></script> <script language="Javascript" type="text/javascript"> //<![CDATA[

google.load("search", "1");

function OnLoad() { // Create a search control var searchControl = new google.search.SearchControl();

// Add in a full set of searchers var localSearch = new google.search.LocalSearch(); searchControl.addSearcher(localSearch); searchControl.addSearcher(new google.search.WebSearch()); searchControl.addSearcher(new google.search.VideoSearch()); searchControl.addSearcher(new google.search.BlogSearch());

// Set the Local Search center point localSearch.setCenterPoint("New York, NY");

// Tell the searcher to draw itself and tell it where to attach searchControl.draw(document.getElementById("searchcontrol"));

// Execute an inital search searchControl.execute("Google"); } google.setOnLoadCallback(OnLoad);

//]]> </script> </head> <body> <div id="searchcontrol">Loading...</div> </body> </html>
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Lun 16 Jan 2012 - 22:17

Bonsoir

Si on part de l'exemple donné sur ce lien
http://www.google.com/uds/solutions/slideshow/reference.html#hello-world

On peut par exemple essayer ceci

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Google AJAX Feed API - Slide Show Sample</title>
  <script src="http://www.google.com/jsapi/?key=internal-sample"
    type="text/javascript"></script>
  <script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
    type="text/javascript"></script>

  <style type="text/css">
    .gss a img {border : none;}
    .gss {
      width: 200px;
      height: 200px;
      color: #dddddd;
      background-color: #000000;
    }

  </style>

  <script type="text/javascript">
    function load() {
      var samples = "http://obsrv.com/General/ImageFeed.aspx?vectra+c+gts";
      var options = {
        displayTime: 2000,
       
        transistionTime: 600,
        linkTarget : google.feeds.LINK_TARGET_BLANK
      };
      new GFslideShow(samples, "slideshow", options);
    }
    google.load("feeds", "1");
    google.setOnLoadCallback(load);
  </script>
</head>

<body>
  <div id="body">
    <div id="slideshow" class="gss">Loading..</div>
  </div>
</body>
</html>

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 22:33

Excellent ce code a l'air de fonctionner !!
Tu sais l'expliquer ? Où changer des variables pour l'adapter à mon cas (limité à www.vectra-c-gts.com)

En tout cas merci tu fais progresser le chmilblick à grand pas :-)
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Lun 16 Jan 2012 - 22:47

Bonsoir

Alors je découvre en même temps que vous cette application..
on peut changer des paramètres de taille , de temps d'affichage,transition, etc...

Et il faut indiquer un feed
Pour votre cas j'ai mis
http://obsrv.com/General/ImageFeed.aspx?vectra+c+gts

si je met
http://obsrv.com/General/ImageFeed.aspx?fernandel

et bien il y aura des images de Fernandel Very Happy

Cordialement.




Dernière édition par Adam_sfp le Lun 16 Jan 2012 - 22:53, édité 1 fois
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 22:51

Ok, on a bien un feed pour notre forum non ?

Ou alors je peux mettre site:xxxx.com comme dans la recherche Google ?
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Lun 16 Jan 2012 - 22:58

Bonsoir

Vous pouvez toujours tester...
Mais il me semble qu'il faut un feed images....

Ce n'est pas ce que vous voulez des images de vectra gts?
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Lun 16 Jan 2012 - 23:04

Dans l'absolu j'aurai préfère celles postée par nos membres :-)
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Lun 16 Jan 2012 - 23:08

bonsoir

Et bien à ce moment la je crois bien qu'il faut le faire manuellement...

Cordialement.

*EDIT
ceci correspond a des images de votre forum?
http://obsrv.com/General/ImageFeed.aspx?site:http://www.vectra-C-GTS.com
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Mar 17 Jan 2012 - 8:15

"feed could not be loaded"
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Mar 17 Jan 2012 - 8:36

Adam_sfp a écrit:bonsoir

Et bien à ce moment la je crois bien qu'il faut le faire manuellement...

Cordialement.

*EDIT
ceci correspond a des images de votre forum?
http://obsrv.com/General/ImageFeed.aspx?site:http://www.vectra-C-GTS.com

pourtant ce flux fonctionne : http://obsrv.com/General/ImageFeed.aspx?site:http://www.vectra-c-gts.com/

Embarassed
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Mar 17 Jan 2012 - 9:02

Bonjour

oui il fonctionne vous pouvez donc utiliser celui ci.

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Mar 17 Jan 2012 - 9:18

le flux en lui même fonctionne mais pas quand je le colle dans le code, faudrait il changer autre chose ?

en tout cas merci Adam_sfp pour votre aide.
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Mar 17 Jan 2012 - 20:54

Bonsoir

Apparemment le flux est trop lent venant de http://obsrv.com ...
Il faudrait trouver un site similaire..


Cordialement
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Mar 17 Jan 2012 - 21:06

aaaahhh c'est à cause de la vitesse d'exécution

peut être en changeant le "displayTime: 2000" ?

on est tellement proche du but j'aimerai bien que ca fonctionne Embarassed
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Mar 17 Jan 2012 - 21:27

Bonsoir

Non c'est le temps de réponse du site qui est trop lent..
Du coup le script ne fonctionne pas...

*parfois cela fonctionne le site était peut être surchargé...



Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Mar 17 Jan 2012 - 23:23

en effet il a l'air de bien vouloir ce soir, je regarde demain et si c'est OK -> résolu et GRAND merci à vous 2 !!

une idée pour réduire cette marge ?

Widget images aléatoires Sanstitre1ud

padding:-10 px; ca n'existe pas ?
en changeant la taille ca décale sur la droite Embarassed
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp Mer 18 Jan 2012 - 0:15

Bonsoir

Et en agrandissant la taille de la zone photo..?
et en ajoutant :
scaleImages : true,


Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento Mer 18 Jan 2012 - 14:34

scaleImages : true,


tu es vraiment trop fort !!

sujet résolu !
avatar

yoyovento
***

Masculin
Messages : 139
Inscrit(e) le : 20/04/2010

http://vectra2011.forumgratuit.org
yoyovento a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum