Javascript Girl
  1. Javascript Girl
  3. Sur le retour de l'image de retour de l'image de souris vers la source d'origine qui est à l'extérieur où la source de données de survoltage est
Intereting Posts
Combinaison des lignes de résultat nœud-mysql en un seul retour JSON pour node.js Où est la documentation du module système NodeJS Déclenchement de la souris glissant dans jQuery UI Appuyez sur la touche "Bold" et appuyez à nouveau sur "Impossible" Support U2F sans l'extension U2F Chrome Twilio Chat API, getUnconsumedMessagesCount always 0 Tri de l'objet JavaScript par valeur de propriété Php dans js-file WordPress Ne pas sous-classer l'objet String String Dans Node.js, comment puis-je transformer une chaîne en un json? JQueryUI: comment puis-je formater sur mesure les résultats du plug-in Autocomplé? Je stocke les coordonnées de clic dans mon db, puis je les recharge plus tard et je les affiche sur le site où le clic s'est produit, comment puis-je m'assurer qu'il soit chargé au même endroit? Node.js: redémarrages gracieux et temps de fonctionnement du serveur, comment? Comment configurer le texte anglais converti dans une autre zone de texte à l'aide de Google Translator Api? WebRTC: comment obtenir les données de la webcam en tant que flux de données?

Sur le retour de l'image de retour de l'image de souris vers la source d'origine qui est à l'extérieur où la source de données de survoltage est

 
function createHover (that) { var original = document.getElementsByClassName("image_left"); // attempt that.addEventListener('mouseover', function() { var src = that.getAttribute('data-src'); if (src) { imageContainer.src = src; } }); that.addEventListener('mouseleave', function() { // imageContainer.src = original; }); } initImageHover('li.one > a'); });

Marquage: 

 <img src="images/grades_13.jpg" class="image_left">

Ci-dessus, l'image change. Mon code fonctionne sur le vol stationnement où cette source est remplacée par celle de la marge suivante: 

 <ul class="LISTS"> <li class="one"><a href="#" target="_blank" class="hov1" data-src="images/thumb1.jpg">Link</a></li> <!-- test --->

Mais j'ai besoin d'une fonction de sortie de la souris qui retourne à la source d'origine avant tout survol; La source originale de class="image_left"

Ci-dessous est le JS complet. 

 window.addEventListener('load', function() { var imageContainer = document.querySelectorAll('.image_left')[0]; function initImageHover(selector) { var elements = document.querySelectorAll(selector); console.log(elements); for (var i = 0, len = elements.length; i < len; i++) { createHover(elements[i]); }; } function createHover (that) { var original = document.getElementsByClassName("image_left"); that.addEventListener('mouseover', function() { var src = that.getAttribute('data-src'); if (src) { imageContainer.src = src; } }); that.addEventListener('mouseleave', function() { // imageContainer.src = original; }); } initImageHover('li.one > a'); }); window.addEventListener('load', function() { var imageContainer = document.querySelectorAll('.image_left2')[0]; function initImageHover(selector) { var elements = document.querySelectorAll(selector); console.log(elements); for (var i = 0, len = elements.length; i < len; i++) { createHover(elements[i]); }; } function createHover (that) { var original = that.getAttribute('src'); that.addEventListener('mouseover', function() { var src = that.getAttribute('data-src'); if (src) { imageContainer.src = src; } }); that.addEventListener('mouseleave', function() { // imageContainer.src = original; }); } initImageHover('li.two > a'); });

var original = document.getElementsByClassName("image_left"); Vous donne un ensemble d'éléments avec le nom de classe donné. Donc, vous devez d'abord tirer un élément (ou vous devriez utiliser l' id place), et attribuer la source de cette image. 

 that.addEventListener('mouseleave', function() { var origImage = original.length && original[0].src; // assuming the element exists and is an image // or original[0].getAttribute("src") depending on whether you want the full source of image or exactly as defined in "src" attribute // imageContainer.src = origImage; });