Question

我在_image preview上存在问题,在你对thumbnail进行跟踪时就会出现问题。我可以改变审查与曲线之间的距离,但如果th子靠近窗口的侧面,那么审查就能够合适,而且你只看到其中的一部分。

是否有办法使这种审查能够做到,如果预约适合,它将在治疗者的另一边展示?

页: 1

this.imagePreview = function() {
    /* CONFIG */
    xOffset = 10;
    yOffset = 30;
    // these 2 variable determine popup s distance from the cursor
    // you might want to adjust to get the right result
    /* END CONFIG */
    $("a.preview").hover(function(e) {
        this.t = this.title;
        this.title = "";
        var c = (this.t != "") ? "<br/>" + this.t : "";
        $("body").append("<p id= preview >
  <img src= " + this.href + "  alt= Image preview  />" + c + "</p>");
        $("#preview")
            .css("top", (e.pageY - xOffset) + "px")
            .css("left", (e.pageX + yOffset) + "px")
            .fadeIn("slow");
    },
    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");
    });
};
// starting the script on page load
$(document).ready(function() {
    imagePreview();
});

EDIT: see what i am getting,

我在页右角的形象,这样一来,我预言的 im子就更加正确,除了预言的一半外。如何将预约带给 cur子。

Answer 1

我建议使用一种工具,即,该工具为你提供所有不附带条件的位置。 dozens available ,我将展示如何使用 j Query Tooltip。

兹规定:

<ul> <li><a href="bigimage.jpg"><img src="preview.jpg" /></a></li> <li><a href="big2.jpg"><img src="prev2.jpg" /></a></li> </ul>

我认为,你们有这个想法(与大形象的联系,审查形象就是联系)。然后,你可以使用工具面图如下:

$(document).ready(function() { $( img ).tooltip({ bodyHandler: function() { return $("<img/>").attr("src", $(this).parent().attr("href")); } }); });

(在demo page 上,有你可以检测的多种选择。)

这可能需要一些解释。每当展示一个工具时,金字节就执行<条码>。我们利用这一功能生成超文本,该工具将连续运行。因此,这里发生的魔.是,我们从超链接中抽取大的形象,并用同一弧线树立新的形象。这一形象随后被展示为工具。

当然,你可以产生任何(冻结的)超文本,包括标题等,但为了示范目的,这应当足够。

You can check out the result here!

(你认为,所有更改都纯粹是特别安全局,因此不担心,你可以按照你的要求调整这一结构)。

Answer 2

下面的例子就是你所要求的内容......但情况类似......。

if(e.pageX <= $(document).width()/2){
    $("#preview")
        .css({"top": (e.pageY - xOffset) + "px",
             "left": (e.pageX + yOffset) + "px",
             "right":""});
}
else{
    $("#preview")
        .css({"top": (e.pageY - xOffset) + "px",
             "right": ($(document).width() - e.pageX + yOffset) + "px",
             "left":""});
}

如果 cur子放在页右侧,则预盘将留。如果 cur子放在该页的左边,那将是正确的。

你们必须本着逻辑行事,找到正确的东西。

Answer 3

你们可以通过使用(例如):

window.innerWidth

页: 1 因此,你可以推断出这一点。

if (e.pageX + xOffset > (window.innerWidth - <somevalue>){....

除此以外:你指的是:

e.pageX + yOffset

页: 1

Answer 4

你也可以使用

screen.availWidth

进入浏览器展示区的财产

这一财产归还了我所看到的roll和其他窗户占用的空间。

我的头顶......。在确定审查立场而不是确定顶头和左边时,当工具的计算位置大于窗口的宽度时,你能否尝试确定顶和正确。

You can check out the result here!

友情链接