Widget images aléatoires

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

Résolu Widget images aléatoires

Message par yoyovento le 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

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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 ?

yoyovento
***

Masculin
Messages : 134
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 le Lun 16 Jan 2012 - 15:26

un choix parmis les résultats de google images, c'est possible ?

comme ce lien par exemple : http://www.google.ch/search?hl=fr&q=site:http://www.vectra-C-GTS.com&gs_sm=e&gs_upl=2263l12642l0l13266l23l22l1l0l0l0l302l3507l5.10.6.1l23l0&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&biw=1240&bih=597&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=3jwUT86AF-mn4gSJ6OTDAg

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par Adam_sfp le Lun 16 Jan 2012 - 20:12

Bonsoir

Peut être une solution en utilisant Google AJAX Feed API

Cordialement.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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 :-)

yoyovento
***

Masculin
Messages : 134
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 le 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>

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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 :-)

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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 ?

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le Lun 16 Jan 2012 - 23:04

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

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le Mar 17 Jan 2012 - 8:15

"feed could not be loaded"

yoyovento
***

Masculin
Messages : 134
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 le 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

yoyovento
***

Masculin
Messages : 134
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 le Mar 17 Jan 2012 - 9:02

Bonjour

oui il fonctionne vous pouvez donc utiliser celui ci.

Cordialement.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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.

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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

yoyovento
***

Masculin
Messages : 134
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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le 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 ?



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

yoyovento
***

Masculin
Messages : 134
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 le Mer 18 Jan 2012 - 0:15

Bonsoir

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



Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget images aléatoires

Message par yoyovento le Mer 18 Jan 2012 - 14:34

scaleImages : true,


tu es vraiment trop fort !!

sujet résolu !

yoyovento
***

Masculin
Messages : 134
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


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