javascript - stop() function stops other controling parameters -
I have a complex imagemap with many mapped areas on the I mouseover or click I can add these imagemaps to other images I want to overlay, with the same size and they will be in the same position. So far, so good.
By doing this, I have a .fadeIn ()
and . FadeOut ()
added on my mouseover or click. General Problem - Weight of the Online Solution Faden ()
Flickr / Blinks I have found this solution here because I have added the .stop ()
(I have animate ( )
Solution, or better, how it has not been implemented, does not understand it).
But now, I can not control the time of my .fadeIn ()
and .fadeOut ()
Also, only .mouseenter ()
works, but .click ()
no. Apart from this, everything works fine image overlay, fade in images are in the right place ... it's just fade that does not work.
Below a quote of my code.
& lt; Top & gt; & Lt; Script & gt; // Upload images verde = new image (698, 360) verde.src = "imagenes_png / verde_mouse.png"; Azul = new image (698, 360) azul.src = "imagenes_png / azul_mouse.png"; // There are more preloaded images. Load the Dom before JM fills IT with IMG $ (document). (Function () {document.getElementById ("verde"). AppendChild (verde); document.getElementById ("azul") .appendChild (azul);}); // jquery fade $ (document) .ready (function () {$ (function () {$ ("# verdeA") Click (function () {$ ("# verde"). Stop (). FadeIn ( "1000 (" 500 ");}); $ (" # azulA "), $ (" # verdea ".mouseenter (function () {$ (" # azul ") .pause (). FadeIn (" 5000 ") ;}} $ ("# AzulA"). Mouseleave (function () {$ ("# azul") .stop (). FadeOut ("500");})}};}); & lt; / script & Gt; & gt; & gt; & gt; & gt; Body & gt; & lt ;! - INSERT image - & gt; & lt; div id = "juego_bosque" & gt; & lt; img name = "bosque" Id = "bosque1" src = "imagenes_png / bosque_mapa.png" width = "698" height = "360" range = "0" usemap = "# bosque_m" alt = "bocco cock animal" style = "status: full" / & Gt; & lt;! - Create map -> gt; & lt; map name = "bosque_m" id = "bosque_m" & gt; & lt; field id = "verdeA" Size = "POLY" coords = "643.324.646.322.648.321.651.320.654.320.656.321.658.323.659.324.660.327.659.330.657.332.655.334.654.335.654.332.653.329.653.327.650.326.648.328.648.331.649.332.650.334. 652,335,654,337,656,338,658,339,660,341,662,342,662,345,661,348,660,350,657,351,656,351,656,346,656,345,653,347,651,350,650,351,651,353,651,354,653,356,656,356,658,356,660,356,662,356,666,354,668,351. 669,349,670,347,669,346,665,346,666,342,667,341,668,340,670,339,672,339,674,341,676,344,676,347,675,351,672,355,670,357,669,360,642,360,644,356,646,353,647,350,648,346,650,340,650,337,646,332,645,330. 644.327.643.324 "Alt =" "/ & gt; & Lt; Field size = "POLY" coords = "472.249.476.249.479.250.483.251.484.255.485.258.487.261.489.263.493.265.498.266.501.268.504.270.504.271.499.270.495.269.489.268.486.269.484.270.480.269.476.268.473.266 .470.262.469.260.468.256.470.253.472.249 "id =" Azula "alt =" "/> & Lt ;! - Hidden images - & gt; & Lt; Div id = "azul" style = "display: none; condition: full" & gt; & Lt; / Div & gt; & Lt; Div id = "verde" style = "display: none; position: relative" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt;
Here's a belt on the fly, an effect has been added to two very well highlighted graphics.
Comments
Post a Comment