Path: csiph.com!aioe.org!news.swapon.de!fu-berlin.de!uni-berlin.de!news.dfncis.de!not-for-mail From: Holger Jeromin Newsgroups: de.comp.lang.javascript Subject: =?UTF-8?Q?Re:_Reaktion_verz=c3=b6gern?= Date: Wed, 29 Jul 2015 16:24:59 +0200 Lines: 32 Message-ID: References: <201507290153.a16209@b.maus.de> Mime-Version: 1.0 Content-Type: text/plain; charset=windows-1252 Content-Transfer-Encoding: 8bit X-Trace: news.dfncis.de IWkAFGR2S6uP/r3KQoKgEAltcg2HoHGhv36J5mnciYEERAlLmuRycHPwpZ Cancel-Lock: sha1:TKhz3aiIzGnIpcs336loUjtlnkg= User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.23) Gecko/20090812 Lightning/0.9 Thunderbird/2.0.0.23 Mnenhy/0.7.6.666 In-Reply-To: <201507290153.a16209@b.maus.de> Xref: aioe.org de.comp.lang.javascript:4653 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/docs/Web/CSS/transition-delay -- Grüße Holger