Reaktion verzögern

29/07/2015 - 01:53 von Axel_Berger | Report spam
Nachdem ein Problem gelöst ist habe ich sofort ein neues. Damit der
Text gut und fleißend lesbar ist, binde ich Bilder zunàchst als kleine
Vorschau ein. Für Details lasse ich sie bei Bedarf groß poppen:

#center A IMG, #center IMG.klein {
width:25%; height:auto;
float:left;
border-width:0px; margin: 5px .5em 0 0;
}
#center A:focus IMG, #center A:focus IMG.full,
#center A:hover IMG, #center A:hover IMG.full,
#center A:active IMG, #center A:active IMG.full {
width:auto; position:absolute;
overflow:visible; z-index:8;
left:-10em;
}

Im Prinzip funktioniert das hervorragend, aber wenn man nur mit der
Maus quer über das Fenster fàhrt stört es enorm. Weil dasselbe Problem
auch bei Dropdowns auftritt habe ich irgendwann einmal in einem Buch
oder einem Blog Tutorial eine gescriptete Lösung gefunden, die das
Aufklappen etwas verzögert. Es gelingt mir nicht, die Anleitung
widerzufinden. Kann mir jemand weiterhelfen?

I know it was neither jquery nor something on stackexchange, which I
both found searching, but something well written by one of the better
known gurus.

Und falls bei meiner vielen Fragerei jemand neugierig wurde:

http://berger-odenthal.de/gvSIG/

Danke
Axel
 

Lesen sie die antworten

#1 Holger Jeromin
29/07/2015 - 16:24 | Warnen spam
Axel Berger wrote on 29.07.2015 01:53:
Nachdem ein Problem gelöst ist habe ich sofort ein neues. Damit der
Text gut und fleißend lesbar ist, binde ich Bilder zunàchst als kleine
Vorschau ein. Für Details lasse ich sie bei Bedarf groß poppen:

#center A IMG, #center IMG.klein {
width:25%; height:auto;
float:left;
border-width:0px; margin: 5px .5em 0 0;
}
#center A:focus IMG, #center A:focus IMG.full,
#center A:hover IMG, #center A:hover IMG.full,
#center A:active IMG, #center A:active IMG.full {
width:auto; position:absolute;
overflow:visible; z-index:8;
left:-10em;
}

Im Prinzip funktioniert das hervorragend, aber wenn man nur mit der
Maus quer über das Fenster fàhrt stört es enorm. Weil dasselbe Problem
auch bei Dropdowns auftritt habe ich irgendwann einmal in einem Buch
oder einem Blog Tutorial eine gescriptete Lösung gefunden, die das
Aufklappen etwas verzögert. Es gelingt mir nicht, die Anleitung
widerzufinden. Kann mir jemand weiterhelfen?



Dafür brauchst du kein JS, sondern nur CSS Transitions. Die sind weniger
Aufwand, meist schneller und können auch verzögert ablaufen:
https://developer.mozilla.org/en-US...tion-delay

Grüße
Holger

Ähnliche fragen