J'utilise plotly.js et jquery.Planant sur l'intrigue dans l'intrigue et ayant quelques images apparaissent
Je voudrais avoir un effet de survol personnalisé avec les images. J'ai vu the answer par Etpinard (here est l'aspect et la sensation). Mais je pense que j'ai besoin d'une solution différente.
Ce que je ne veux pas, c'est de travailler avec l'iframe, alors que la solution mentionnée fonctionne avec. Au lieu de cela, je veux me connecter à $("path.point")
et y ajouter une fonction de survol.
J'ai étudié ce qui se trouve à l'intérieur du tracé. Donc, voici mon code html:
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<div id="myDiv"></div>
<script src="MakePlot.js"></script>
<script src="Mod2.js"></script>
</body>
Et voici ce que je vois à l'intérieur:
J'ai essayé de créer un code, qui pourrait démontrer le caractère image 'sur le vol stationnaire, mais cela n'a pas fonctionné. J'ai donc essayé la chose du journal:
$(document.getElementById('myDiv')).ready(function() {
$("path.point").hover(function() {
console.log("SUCCESS!");
}, function() {})
});
Et cela ne montre rien. Donc je suppose que je m'adresse à l'objet (le point de chemin de Plotly) d'une mauvaise façon.
Juste au cas où, voici le code pour l'apparence de l'image:
$(document.getElementById('myDiv')).ready(function() {
$(this).css({backgroundColor:"#00FFFFFF", color: "#00FFFFFF"}).prepend('<img src="2368518-ghost.jpg" alt="" />');},
function() {
$(this).css({backgroundColor: "#00FFFFFF", color: "#00FFFFFF"});
$('img', this).remove()[0];
});
C'est le code de that answer.
Y at-il raison de ne pas utiliser les hoverevents de Plotly? –