Hackerboard WikiHaboBlog

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

onmousemove - Bild flackern verhindern

Diskussion: onmousemove - Bild flackern verhindern im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Hallo Leute, ich hab bei meiner internetseite für eine fotogalerie ein js -script geschrieben, womit man wenn man in der ...
Antwort
Themen-Optionen Ansicht
   
Alt 01.09.09, 19:47   #1 (permalink)
JCM
 
Registriert seit: 01.09.09
JCM Leistung: Facit NTK
Likes: 0
Standard onmousemove - Bild flackern verhindern


Hallo Leute,

ich hab bei meiner internetseite für eine fotogalerie ein js-script geschrieben, womit man wenn man in der großansicht ist einfach je nachdem wo der zeiger ist einb bild vor oder zurückswitchen kann.
je nach dem ob vor oder zurück kommt links oder rechts vom eigentlichen bild, ein halb weiß halb durchsichtiger schmalerbalken, mit einem pfeil in die entsprechende richtung (also links oder rechts).

mein problem ist vollgendes wenn man nun mit dem zeiger über das bild geht was automatisch dahingetan wird(der pfeil nach links/rechts) das fängt dieser an zu flacker und ist mal da mal weg, kann man das i-wie verhindern?

das script   

Code:
        function mouseover(event, width, page, Bild, Ordner) {
          var posy = event.clientY;
          var posx = event.clientX;
          var y = posy - 250;
          var x = posx - (((window.innerWidth-900)/2)+20);
          var grenze = width/2;
          //alert(grenze + '_' + x);
          if(grenze < x) {
            show_img('rechts');
            del_img('links');
            document.getElementById("newimg").setAttribute("href", "show_img.php5?Ordner=" + Ordner + "&Bild=" + (parseInt(Bild)+1) + "&page=" + page, 0);
          } else {
            show_img('links');
            del_img('rechts');
            document.getElementById("newimg").setAttribute("href", "show_img.php5?Ordner=" + Ordner + "&Bild=" + (parseInt(Bild)-1) + "&page=" + page, 0);
          }
        }
        function mouseout() {
          del_img('links');
          del_img('rechts');
          document.getElementById("newimg").setAttribute("href", "", 0);
        }
        function show_img(richtung) {
          document.getElementById(richtung).innerHTML = "<img border=\"0\" src=\"Bilder/" + richtung + ".GIF\">";
        }
        function del_img(richtung) {
          document.getElementById(richtung).innerHTML = "";
        }


danke im vorraus für eure Hilfe,
lg, JCM

[EDIT]:
hab ne lösung *gg*:
es lag daran das der Event mouseout auch dann eintritt, wenn man den Mauszeiger über ein Nachfahrenelement bewegt...
lösung des problems (welches auch für andere browser gilt als IE sonst könnte man einfach onmouseleave machen):

Code:
        function containsDOM (container, containee) {
          var isParent = false;
          do {
            if ((isParent = container == containee))
              break;
            containee = containee.parentNode;
          }
          while (containee != null);
          return isParent;
        }
        function checkMouseLeave (element, evt) {
          if (element.contains && evt.toElement) {
            return !element.contains(evt.toElement);
          }
          else if (evt.relatedTarget) {
            return !containsDOM(element, evt.relatedTarget);
          }
        }
und dann:
Code:
onmouseout="javascript:if(checkMouseLeave(this, event)) {mouseout();}"
^^
JCM ist offline   Mit Zitat antworten
Antwort
   

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » onmousemove - Bild flackern verhindern
« Vorheriges Thema | Nächstes Thema »
Themen-Optionen
Ansicht
Linear-Darstellung Linear-Darstellung

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Flackern/Flimmern beim Spielen Gropfi Die Problemzone 7 29.09.09 09:36
Flackern bei Allegro mit Maus jemo. Code Kitchen 4 02.01.09 21:27
"Flackern" bei TV Out (Bildwanderung) _fux_ Hardware Probleme 4 22.09.07 14:54
Statt Webcam-Bild kommt das Bild der TV-Karte schweiz Die Problemzone 9 30.06.05 11:05
Nerviges Flackern vom Bildschirm B4gi Die Problemzone 16 30.03.05 21:30

Alle Zeitangaben in WEZ +1. Es ist jetzt 12:39 Uhr.
vBulletin® v3.8.7, Copyright ©2000-2012, vBulletin Solutions, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61