internet explorer - jQuery Image/Hover Preview Causing Choppy Behavior in IE7 -
I have some problems using jQuery to make simple zoom in IE. All is well in Firefox, but most users are being told to be tired of IE.
I disabled the code in IE (using jQuery.browser.msie), but if possible it would love someone's help. / P>
My jquery source code is below (ignore the upport function).
this.imagePreview = function () {/ * CONFIG * / xOffset = 10; Y offset = 20; // These 2 variables set the distance of the popup from the cursor / you may want to adjust to get the correct result / * END CONFIG * / $ ("a.preview"). Hover (function (e) {this.t = this .title; this.title = ""; this.inside = $ (this) .attr ('inside') this .outside = $ (this) .attr ('outside ') Var c = (this.t! = "(" & Lt; p id =' preview '& gt; & lt; img width =' 260 'src =' '"+ this.inside +"' / / gt ; "+ c +" & lt; / p & gt; "); $ (" # preview "). Css (" top ", (e.pageY - xOffset) +" px ") .css (" left ", (e.pageX + yOffset) + "px"). FadeIn ( "fast");}, function () {this.title = this.t; $ ( "# preview"). remove ();}); $ ( "A.preview"). Mousemove (function (e) {$ ( "# preview"). css ( "top", (e.pageY - xOffset) + "px"). Css ( "left", (E .pageX + yOffset) + "px");});};; $ (window) .load (function () {imagePreview ()});
given the question here One of the web pages eg Runt is: you scroll into the source, you'll see inside roll rolls / hover preview using code like this thumbnail:
& Lt; / A & gt;
Any help would be greatly appreciated. Happy to send someone a code for some free card!
Thanks, Adam
The problem is a transparent background PNG image, which can be repeated having had. It was 1x1 and filling 755x600 square canvas. By increasing it to 25x25, all issues were resolved. When in the end it was the crazy rendering of IE that caused the problem with all that this problem was manifested by affecting jQuery only, it was crazy! Hope this helps someone in the future.
Comments
Post a Comment