Image qui change... dans un widget.

[Mi Neth]

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,

[Mi Neth]

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]

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]

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]

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,

[HPie]

Bonjour,

Pourrait-on en savoir plus sur cette fonction ?

Cordialement

[Mi Neth]

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]

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]

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]

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]

J'ai presque réussi, mais j'ai un hic.
Voici le code que j'ai inséré dans mon css,

Spoiler:

J'ai donc mis ceci...

Spoiler:

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,

[HPie]

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

[Mi Neth]

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é?

[HPie]

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,

[Mi Neth]

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

[Mi Neth]

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