Question

尝试通过导航浏览网站时，我遇到了以下问题，

http://nickylurie.com.au/Temp/index.php

如你可以看到左手网站图片有时候加载一段时间不是，我正在使用下面的代码在进入不同的页面时更改图像，

var pic = new Image();
pic.src = "images/homeLargeImg.jpg";

以下是我的后端代码。

var RHigh = $（'＃RightPane'）。height（） var windHigh = $（window）.height（）

$（PIC）.hide（）。载荷（（）的函数 { //调试; $（本）.fadeIn（）; var marginT =（windHigh / 100 * 5） var imgH =（marginT + windHigh）

$("#LeftPaneImage").html("<img id='triquibackimg' src='"+pic.src+"'  style='"+windHigh+"'/>")
$("#LeftPane").css("width",$("#LeftPaneImage").width());
$("#RightPane").css("margin-left",$("#LeftPaneImage").width()+10);
resize()

}）

$（window）.bind（'resize'，function（） { 调整（） }）;

函数调整大小（） {

RHigh=$('#RightPane').height()
windHigh=$(window).height()

if( RHigh < windHigh)   
    {
        $("#triquibackimg").css("height",$(window).height());
        $("#LeftPane").css("width",$("#LeftPaneImage").width());
        $("#RightPane").css("margin-left",$("#LeftPaneImage").width()); 

        //----------------Right Pane vAlign--------------

                (function ($) {
                $.fn.vAlign = function() {
                    return this.each(function(i){
                    var h = $(this).height();
                    var oh = $(this).outerHeight();
                    var mt = (h + (oh - h)) / 2;    
                    $(this).css("margin-top", "-" + mt + "px"); 
                    $(this).css("top", "50%");
                    $(this).css("position", "absolute");    
                    }); 
                };
                })(jQuery);

                (function ($) {
                $.fn.hAlign = function() {
                    return this.each(function(i){
                    var w = $(this).width();
                    var ow = $(this).outerWidth();  
                    var ml = (w + (ow - w)) / 2;    
                    $(this).css("margin-left", "-" + ml + "px");    
                    $(this).css("left", $("#LeftPane").width());
                    $(this).css("position", "absolute");
                    });
                };
                })(jQuery);

                $(document).ready(function() {
                    $("#RightPane").vAlign();
                    //$("#RightPane").hAlign();
                });

    }
else
    {   
        $("#triquibackimg").css("height",(RHigh+150));
        $("#LeftPane").css("width",$("#LeftPaneImage").width());
        $("#RightPane").css("margin-left",$("#LeftPaneImage").width()); 

    //  if ($(window).height()>800){

// $（“＃RightPane”）。css（“position”，“relative”）; //} // else {$（“＃RightPane”）。css（“margin-top”，60）} } }

有人可以就此提出建议吗？

由于

Answer 1

Offtopic：我想对这些问题发表评论，因为我还没有得到答案，蹩脚的是我必须重复50条才能发表评论..

Ontopic：你想要实现什么？问题是什么？

当我尝试查看您的网站时，左侧的所有大图片都在加载（mac，chrome），我检查了所有页面..
他们加载速度很慢..
为什么要通过javascript插入图像而不是简单地通过img标签插入？

通过菜单导航时出现Jquery图像加载问题

1 个答案: