Image qui change... dans un widget.

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

Résolu Image qui change... dans un widget.

Message par Mi Neth le Ven 2 Nov 2012 - 1:35

Bonjour,
Je rencontre un problème, j'ai essayé plusieurs codes, aucun ne fonctionne pour ce que je veux faire. Du coup, je me demande si c'est possible?
Sur mon portail, j'ai des widgets personnels. Certains sont des images qui renvoient à des liens, d'autres des panneaux défilants de bannières, il y en a un qui est un diaporama, d'autres des gifs animés, certains contiennent soi des images ou des vidéos...
Ce que j'aimerais faire, c'est mettre une image dans chaque widget qui se changerait en contenu du widget au passage de la souris. Mais dans tous mes essais soi les images et contenus n'apparaissent pas, soi ils sont côte à côte.
J'ai cru comprendre que je devais modifier le bloc, qu'est-ce que c'est?
J'avoue que je ne suis pas très douée, une piste svp?
Merci,


Dernière édition par Neth 64 le Lun 12 Nov 2012 - 2:49, édité 1 fois

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Ven 2 Nov 2012 - 3:38

J'ai fais d'autres recherches et je me pose d'autres questions. Est-ce possible, qu'au lieu de mettre une image qui se change en contenu d'un widget, je mette soi un bouton, soi un effet tourne-page? Ou que j'opte pour une image sur laquelle, on clique?
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Ven 2 Nov 2012 - 4:44

J'ai pensé à un autre moyen. Masquer le widget par une image et lorsque l'on passe la souris ou que l'on clique, le widget apparaît.
Je sais, j'ai des idées farfelues, mais je cherche une solution,
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Ven 2 Nov 2012 - 5:09

J'ai vu qu'il était possible de faire des widgets rétractables, mais cela ne concerne pas ceux d'un portail. J'ai donc, encore une idée farfelue. Faire des widgets rétractables sous des images fixes.
Je pense que c'est impossible, vu que le portail a trois colonnes,
Je m'entête peut-être?
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Dim 4 Nov 2012 - 12:43

J'ai continué mes recherches et fais des tests non concluants (faut dire que je ne suis pas experte). J'ai découvert que la fonction "faire pivoter un widget" est faite pour un pro.
Personne pour un ti coup de pouce?
Bon, bah je vais continuer mes tests,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par HPie le Dim 4 Nov 2012 - 12:57

Bonjour,

Pourrait-on en savoir plus sur cette fonction ?

Cordialement

HPie
*****

Messages : 569
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Lun 5 Nov 2012 - 3:16

Ce que je cherche à faire, c'est mettre une image dans mes widgets personnels, qui agirait comme un bouton. Il suffirait de cliquer dessus ou de passer la souris pour que le widget s'ouvre. Un peu comme une image qui mènerait à un lien. Mais il semblerait que ce soit impossible à réaliser. D'ailleurs, jusqu'ici, toutes mes tentatives ont échoué. Alors, je teste d'autres idées. J'ai même pensé à rendre le widget opaque et faire en sorte qu'il s'éclaire et s'anime au clic ou passage de la souris. Je continue de chercher.
Merci de m'avoir répondu,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Mer 7 Nov 2012 - 18:00

Désolée de ne pas être venue avant,
Je cherche toujours, mais mes tests ne donnent rien.
J'ai trouvé un code pour faire apparaître une image en passant la souris sur un texte, mais ce n'est pas ce que je veux.
En quelque sorte, j'aimerais obtenir le contraire,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Jeu 8 Nov 2012 - 8:43

J'ai vu et tester d'autres fonctions, et comme je suis nulle, mais essais se sont soldés en échec, mais je persévère.

J'ai tenté l'icône dans la fenêtre du widget, le widget dans le widget, ouvrir et fermer un widget.

En fait ce que je voudrais c'est que le contenu de mes widgets ne s'ouvrent ou n'apparaissent qu'après un clic ou un survol (pas sûre du second terme).

Si vous avez une idée, ou un début...
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Sam 10 Nov 2012 - 6:30

Comme je suis sous chrome et que j'ai la version phbb2, je me suis dis qu'il y avait peut-être incompatibilité. Je suis donc allée sur des sites qui donnent la liste des balises et attributs.
A en lire certains, il semblerait que certaines balises et leurs attributs ne fonctionnent que sous IE.
Hors, j'en utilise et ça fonctionne très bien.
Mais là, je n'arrive à rien.
J'ai cru comprendre (ce n'est pas très clair) que pour ajouter un bouton ou icône dans un widget, il faut un plug-in.
Je suis novice en codes et j'essaie de me débrouiller en testant jusqu'au succès ou abandon.
Mais je n'ai pas encore dis mon dernier mot.
J'ai aussi consulté un site pour éviter les erreurs. Vu mes résultats, il est sûr que je n'ai rien compris et que je fais tout le contraire.
De ce que j'ai vu les boutons ou icônes sont petits, mais n'est-il pas possible que ce soit une image plus grande qui fasse office de bouton ou icône?
Merci,


Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Sam 10 Nov 2012 - 8:23

J'ai presque réussi, mais j'ai un hic.
Voici le code que j'ai inséré dans mon css,
Spoiler:
/*Hoveractif-------------------------------------------------*/
.primero .secundo {visibilty: visible; display: inline;}
.primero:hover .secundo {visibilty: hidden; display: none;}
.primero .tercero {visibilty: hidden; display: none;}
.primero:hover .tercero {visibilty: visible; display: inline;}

J'ai donc mis ceci...
Spoiler:
<div class="primero"><img src="http://i289.photobucket.com/albums/ll218/neth-automne/modelpourfuturportail.png" border="0" alt="" /> <span class="secundo"> <img src="http://i289.photobucket.com/albums/ll218/neth-automne/modelpourfuturportail.png" border="0" alt="" /> </span><span class="tercero"> <a href="http://s289.beta.photobucket.com/user/neth-automne/library/" target="_blank"><img src="http://i289.photobucket.com/albums/ll218/neth-automne/kemplettregarfield.gif" border="0" alt="Photobucket"/></a> </span></div>
dans mon widget test;
Comme vous pouvez le voir, il y a un hic, l'image du haut est de trop.
Où me suis-je planté?
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par HPie le Sam 10 Nov 2012 - 8:44

Bonjour,

À force de réfléchir votre cerveau fume, mais malheureusement il n'y a toujours pas l'effet recherché...

Un petit coup de pouce...

Code:
<style type="text/css">
.bgnd1 {
   height: 600px;
   background-image: url('');
   background-repeat: no-repeat;
   background-position: center;
   }
.bgnd2{
   height: 600px;
   background-image: url('');
   background-repeat: no-repeat;
   background-position: center;
   }
</style>

<script type="text/javascript">
function ToggleW(obj0,obj1) {
  var ele0 = document.getElementById(obj0);
  var ele1 = document.getElementById(obj1);
  if (ele1.style.display == "none") {
    ele0.style.display = "none";
    ele1.style.display = "block";
  }
  else {
    ele0.style.display = "block";
    ele1.style.display = "none";
  };
};
</script>

<a href="javascript: ToggleW('pic1','pic2')">
<div id="pic1" style="display: block">
<table class="bgnd1" width="100%" border="0" cellspacing="0" cellpadding="0"></table>
</div>
<div id="pic2" style="display: none">
<table class="bgnd2" width="100%" border="0" cellspacing="0" cellpadding="0"></table>
</div>
</a>
À vous de faire le reste.

Cordialement

HPie
*****

Messages : 569
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Sam 10 Nov 2012 - 20:28

Merci,
Dois-je le mettre dans le css? Je vois qu'il y a un script avec la mention javascipt, cette partie est-elle à mettre dans la gestion des codes javascript?
Je ne veux pas commettre d'erreur,
Merci,

Edit: Dois-je supprimer le code Css que j'ai installé?

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par HPie le Sam 10 Nov 2012 - 23:30

Bonsoir,

1. Mettez le tout dans un nouveau widget
2. Mettez dans les deux url('') une adresse d'image de votre choix
3. En cliquant ensuite sur l'image du widget, regardez ce qui se passe
Ce n'est qu'une fonction de base qui vous permet non seulement de passer d'une image à une autre, mais également d'une image à un contenu que vous pourrez définir dans la table du bas. À vous de voir...

Cordialement,


HPie
*****

Messages : 569
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Dim 11 Nov 2012 - 5:26

Merci,
J'essaie dès que je rentre.

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui change... dans un widget.

Message par Mi Neth le Lun 12 Nov 2012 - 2:49

J'ai testé et obtenu un très joli widget vide.
J'ai donc modifié mon code.
C'est résolu pour moi,
Merci,

Mi Neth
****

Féminin
Messages : 370
Inscrit(e) le : 19/08/2011

http://catclub.monfofo.net
Mi Neth 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