延迟页面显示,直到所有内容都加载完毕

如何解决延迟页面显示,直到所有内容都加载完毕

| 我的页面上有很多事情要做,加载完成后看起来还不错,但是我希望它加载所有图像等,然后显示该页面?可能是解决此问题的另一种方法。 http://www.randykrohn.com/gallery/pictures.php?EventID=279 这是页面的代码
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\"><!-- InstanceBegin template=\"/Templates/Primary.dwt.php\" codeOutsideHTMLIsLocked=\"false\" -->
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<!-- InstanceBeginEditable name=\"doctitle\" -->
<title>Dragboats.com - Photo Gallery -</title>
<!-- InstanceEndEditable -->
<script type=\"text/javascript\" src=\"../includes/CSSMenuWriter/cssmw/menu.js\"></script>
<link href=\"../includes/CSSMenuWriter/cssmw/menu.css\" rel=\"stylesheet\" type=\"text/css\" />
<!--[if lte IE 6]>
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/includes/CSSMenuWriter/cssmw/menu_ie.css\" />
<![endif]-->
<style type=\"text/css\" media=\"all\">
<!--
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
    background-color: #FEFD8F;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    background-image: url(http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>/images/main_back.png);
    background-repeat: repeat-x;
}

h1 {
  color: #FEFD8F;
  background-color:#FF6600;
  margin: 0px 0px 0px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-transform:uppercase;
}

h2 {
    padding-top: 7px;
    margin: 0px 0px 0px 10px;
    color: #FEFD8F;
    font-size: 12px;
    font-weight: bold;
}

a,a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color:#5E2F00;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #fe6d00;
  text-decoration: none;
}

a:focus {
  color: #fe6d00;
}

a:active {
  color: #fe6d00;
}

#outerWrapper {
  margin: 0 auto 0 auto; 
  max-width: 1024px;
  min-width: 1024px;
  text-align: left;
  width: 1024px;
}
#outerWrapper #header {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
}
#outerWrapper #header img {
  float: left;
}

#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
    padding: 11px 0px 0px 0px;
    width: 1024px;
    height: 52px;
    background-image:url(http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>/images/footer.png);
    background-repeat:no-repeat;
    text-align:center;
}

hr {
  width: 95%;
  height: 2px;
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
}
#navbarWrapper {
    display: block;
    width: 1024px;
    height: 30px;
    clear: both;
    margin: 0px; /* Sets the margin properties for an element using shorthand notation (top,right,bottom,left) */
    padding: 0px; /* Sets the padding properties for an element using shorthand notation (top,left) */
    background-image: url(http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>/includes/CSSMenuWriter/cssmw_images/bg.png);
    background-repeat: repeat-x;
    background-position: left top;
    }
-->
</style>
<style type=\"text/css\" media=\"print\">
<!--

body {
  background-color: #fff;
  background-image: none;
  border-color: #000; 
  color: #000;
}
-->
</style>
<!--[if IE 5]>
<style type=\"text/css\"> 
#outerWrapper #contentWrapper #leftColumn1 {
  width: 170px;
}
#outerWrapper #contentWrapper #rightColumn1 {
  width: 170px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type=\"text/css\"> 
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]-->
<!-- InstanceBeginEditable name=\"head\" -->
<title>Dragboats.com - Photo Gallery - <?php echo $pageTitle; ?></title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"../includes/styles/full.css\"/>
<link rel=\"stylesheet\" type=\"text/css\" href=\"../includes/styles/main.css\"/>
<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"../includes/fancybox/jquery.fancybox-1.3.4.pack.js\"></script>
<link rel=\"stylesheet\" href=\"../includes/fancybox/jquery.fancybox-1.3.4.css\" type=\"text/css\" media=\"screen\" />
<script type=\"text/javascript\" src=\"../includes/jcarousel/lib/jquery.jcarousel.min.js\"></script>
<link rel=\"stylesheet\" href=\"../includes/jcarousel/skins/tango/skin.css\" type=\"text/css\" media=\"screen\" />
<script type=\"text/javascript\" src=\"../includes/UI/js/jquery-ui-1.8.7.custom.min.js\"></script>
<link type=\"text/css\" href=\"../includes/UI/css/custom-theme/jquery-ui-1.8.7.custom.css\" rel=\"stylesheet\" />
<style type=\"text/css\" media=\"screen\">
<!--
#specItems { margin:0 15px 0 15px; padding:0; overflow:auto; color:#222; background:#fff;}
#specItems ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#specItems ul li {display:table-cell; padding:0 3px; background:#fff; vertical-align:top;}
#specItems ul li div {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 5px 5px 8px;
    border: thin solid #FF6D00;
}
#specItems ul li div p {margin:2px 4px 0 0; padding:0; font-size:11px; color: #000; font-weight: bold; text-align: center; }

#sizes { margin:0 15px 0 15px; padding:0; overflow:auto; color:#222; background:#fff;}
#sizes ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#sizes ul li {display:table-cell; padding:0 3px; background:#fff; vertical-align:top;}
#sizes ul li div { border: thin solid #FF6D00;}
#sizes ul li div p {margin:2px 4px 0 0; padding:0; font-size:11px; color: #F00; font-weight: bold; text-align: right; }
#sizes ul li .heading { text-align: center; font-weight: bold; font-size: 12px; border-color: #FFF;}

#tip7-title { text-align: left; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }

.pictureThumb {
    float: right;
}
.thumbWrapper p {
    width: 130px;
}
.thumbWrapper {
    width: 140px;
    text-align: left;
}
.comment {
    background: #F3F3C1 url(../../images/comment_grad.gif) repeat-x;
    background-position: 0 0;
    margin: 0 0 0 273px;
    padding: 10px;
    border: 1px #999966 solid;
    border-bottom: none;
    font-size: 12px;
    width: 458px;
}

.comment-footer {
    background: url(../../images/comment_footer2.gif) no-repeat;
    background-position: 0 0;
    margin: 0 0 0 273px;
    padding: 5px 0 0 38px;
    width: 483px;
    height: 35px;
    font-size: 11px;
}
.feature_comment-footer {
      background: url(../../images/feature_comment_footer2.gif) no-repeat;
      background-position: 0 0;
      margin: 0 0 0 273px;
      padding: 5px 0 0 38px;    
      width: 483px;
      height: 35px;
      font-size: 11px;
}
.posterInfo {
    margin: 0 0 0 0;
    font-weight: bold;
    line-height: 20px;
    color: #F60;
    font-style: italic;
}
.buttonHolder {
    width: 760px;
    text-align: right;
    display: block;
    clear: both;
    margin-bottom: 10px;
    font-size: 9px; 
}
.buttonHolder img {
    vertical-align: text-top;
}
-->
</style>
<script>
function fbs_click(u,t) {
    window.open(\'http://www.facebook.com/sharer.php?u=\'+encodeURIComponent(u)+\'&t=\'+encodeURIComponent(t),\'sharer\',\'toolbar=0,status=0,width=626,height=436\');
    return false;}

//function formatTitle(title,currentArray,currentIndex,currentOpts) {
 //   var titleSplit = title.split(\"~~\");
//  var pathSplit = titleSplit[0].split(\"_\");
//  return \'<div id=\"tip7-title\"><span><img src=\"../images/photo_comment.png\" border=\"none\" alt=\"Comment on this photo\"/><a href=\"javascript:;\" onclick=\"return fbs_click(\\\'http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>/gallery/picture.php?imgID=\' + titleSplit[0] + \'\\\',\\\'Dragboats.com Photo\\\' )\"><img src=\"../images/facebook_l.jpg\" border=\"none\" /></a><a href=\"javascript:;\" onclick=\"addToCart(\\\'\' + titleSplit[0] + \'\\\')\"><img src=\"../images/addToList.jpg\" border=\"none\" class=\"addToCart\" alt=\"Add This Image To Your Cart\"/></a></span>\' + (titleSplit[1] && titleSplit[1].length ? \'<b>\' + titleSplit[1] + \'</b>\' : \'\' ) + \'Image \' + (currentIndex + 1) + \' of \' + currentArray.length + \'</div>\';
//}

jQuery(document).ready(function() {
    jQuery(\'#mycarousel\').jcarousel({
        //easing: \'BounceEaseOut\',scroll: 6,animation: 800
    })

  //$(\'.infiniteCarousel\').infiniteCarousel();

  $(\"a.pictureThumb\").fancybox({
        \'type\'  : \'image\',\'padding\' : \'4\',\'overlayColor\': \'#000000\',\'width\': 810,\'height\': 535,//\'titlePosition\' : \'outside\',//\'titleFormat\'     : formatTitle,//\'autoScale\'       : true,//\'autoDimension\' : true,\'transitionIn\'  :   \'elastic\',\'transitionOut\' :   \'elastic\',\'speedIn\'       :   300,\'speedOut\'      :   200,\'hideOnOverlayClick\' : true,\'hideOnContentClick\': false 
    });
    $(\"a.calendar_sample\").fancybox({
        \'type\' : \'iframe\',\'width\' : 840,\'height\' : 640,\'autoDimensions\' :  \'true\',\'hideOnOverlayClick\' : false,\'hideOnContentClick\': false,\'centerOnScroll\': true
        //\'onClosed\': function() { parent.location.reload(true); ; } 
    });
    $(\"a.keychain_sample\").fancybox({
        \'type\' : \'iframe\',\'width\' : 660,\'height\' : 560,\'centerOnScroll\': true
        //\'onClosed\': function() { parent.location.reload(true); ; } 
    });
    $(\"a.vertcal_sample\").fancybox({
        \'type\' : \'iframe\',\'width\' : 445,\'height\' : 740,\'centerOnScroll\': true
        //\'onClosed\': function() { parent.location.reload(true); ; } 
    });
    $(\"a.pictureComment\").fancybox({
        \'type\' : \'iframe\',\'width\': 400,\'height\' : 280,\'autoDimensions\' :  \'false\',\'centerOnScroll\': true,\'onClosed\': function() { parent.location.reload(true); } 
    });
    $(\"a.addToCart\").fancybox({
        \'type\' : \'iframe\',\'width\': 830,\'height\' : 520,\'centerOnScroll\': true
        //\'onClosed\': function() { parent.location.reload(true); ; } 
    });
    $(\".showComment.hidden\").live(\'click\',function () { 
        //alert(this.id);
        //var adID = this.id.split(\'_\');
        if($(\'#Comments\').is(\":visible\")) {
            $(\'#Comments\').fadeOut(600);
        }
        $.ajax({
            type: \"POST\",url: \"../gallery/comments.php\",data: \"ID=\"+ this.id,success: function(r){
            //alert(r);
            //var allCommentInfo = r.split(\'_\');
            var commentsHolder = \'Comments\';
            var eachComment = r.split(\"**\");
            var commentContainer = \'\';
            arLen = eachComment.length;
            //alert(arLen);
            if(arLen > 1){
            var commentDetails = new Array();
            commentContainer += \'<div class=\"buttonHolder\"><p><span id=\"comments-hide\" style=\"cursor: pointer\">CLOSE COMMENTS <img src=\"../images/close.png\" title=\"Close Comments\"></span></p></div>\';
            for (var i=0; i<(arLen - 1); i++){
                commentDetails = eachComment[i].split(\"~\");
                //alert(i);
                commentContainer += \'<div class=\"comment\">\';
                commentContainer += \"<p>\" + commentDetails[2] + \'</p></div>\';               
                commentContainer += \"<div class=\'comment-footer\'>\";
                commentContainer += \'<div><p><span class=\"posterInfo\">(Posted By: \' + commentDetails[0] + \') - </span>\' + commentDetails[1] + \'</p></div></div></div>\'

            }
        if($(\'#Comments\').is(\":visible\")) {
            $(\'#Comments\').fadeOut(600,function() {
                $(\"#Comments\").html(commentContainer);
                $(\"#Comments\").slideDown(600,function() {
            $(\"#Comments\").fadeIn(600);
            });
            });

        } else {
        $(\"#\" + commentsHolder).html(commentContainer);
        $(\"#\" + commentsHolder).slideDown(600);
        }
        //alert(\"#\" + allCommentInfo[0] + \"ReadText_\" + allCommentInfo[1])
            }
        }
//End  Ajax Callback
});
//$(this).removeClass(\'hidden\').addClass(\'shown\');
//End Main Callback
});
//End Document Ready
$(\'#comments-hide\').live(\'click\',function(){
    $(\"#Comments\").slideUp(600);
    });
});
</script>
<!-- InstanceEndEditable -->
</head>
<body>
<!-- InstanceBeginEditable name=\"Tooltip\" -->

<!-- InstanceEndEditable -->
<div id=\"outerWrapper\">
  <div id=\"header\">
<img src=\"../images/r1c1.jpg\" alt=\"\" width=\"312\" height=\"73\" /><img src=\"../images/r1c2.jpg\" alt=\"\" width=\"397\" height=\"73\" /><img src=\"../images/r1c3.jpg\" alt=\"\" width=\"315\" height=\"73\" />
<img src=\"../images/r2c1.jpg\" alt=\"\" width=\"312\" height=\"69\" /><img src=\"../images/r2c2.jpg\" alt=\"\" width=\"397\" height=\"69\" /><img src=\"../images/r2c3.jpg\" alt=\"\" width=\"315\" height=\"69\" />
</div>
  <div id=\"navbarWrapper\">
    <?php require_once( $_SERVER[\'DOCUMENT_ROOT\'] . \"/includes/CSSMenuWriter/cssmw/menu.php\"); ?>
</div>
<!-- InstanceBeginEditable name=\"Content Area\" -->
<div id=\"ContentHeader\"></div>
<div id=\"contentWrapper\">
  <div id=\"leftColumn1\">
    <div class=\"columnHeadings\">
      <h2>Photo Gallery Images - <?php echo $pageTitle; ?></h2>
      </div>
    <div class=\"fullWidthDiv\">Below is a set of images from the gallery you chose.  To see additional images,click on the links at the bottom of this section to select the next group of images.</div>
    <div class=\"infiniteCarousel\">
  <div class=\"wrap\">
        <ul id=\"mycarousel\" class=\"jcarousel-skin-tango\">
          <?php 
      do { ?>
          <li>
            <div class=\"thumbWrapper\"><a class=\"pictureThumb\" href=\"picture.php?imgID=<?php $pieces = explode(\'_\',$row_rsPictures[\'PictureFile\']); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>&thumb=Y\">
              <img src=\"../images/gallery/<?php $raceYear = explode(\'_\',$row_rsPictures[\'EventOverlay\']); echo $raceYear[0]; ?>/<?php echo $row_rsPictures[\'EventOverlay\']; ?>/thumb/<?php echo $row_rsPictures[\'PictureFile\']; ?>.jpg\" alt=\"FileName: <?php echo $row_rsPictures[\'PictureFile\'];?>\"></a><br />
<p>
<?php 
if($row_rsPictures[\'TotalComments\'] > 0){
    if($row_rsPictures[\'TotalComments\'] < 9){
    $commentCount = $row_rsPictures[\'TotalComments\'];
        } else {
        $commentCount = \"More\";
        }
echo \'<img src=\"../images/view_comment\'.$commentCount.\'.png\" id=\"Comment_\'.$row_rsPictures[\'PictureID\'].\'\"  width=\"33\" height=\"25\" title=\"View Comments\" alt=\"View Photo Comments\" class=\"showComment hidden\" style=\"cursor: pointer\"/>\';
} ?>
<a class=\"pictureComment\" href=\"postComment.php?imgID=<?php echo $row_rsPictures[\'PictureID\']; ?>&rf=gallery\"><img src=\"../images/photo_comment.png\" width=\"33\" height=\"25\" title=\"Comment On This Photo\" alt=\"Comment On This Photo\" /></a><a class=\"facebookShare\" rel=\"nofollow\" href=\"#\" class=\"fb_share_button\" onclick=\"return fbs_click(\'http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>/gallery/picture.php?imgID=<?php $pieces = explode(\'_\',$row_rsPictures[\'PictureFile\']); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>\',\'Dragboats.com Photo Gallery\' )\" target=\"_blank\" style=\"text-decoration:none;\"><img src=\"../images/facebook.png\" width=\"24\" height=\"25\" title=\"Share on Facebook\" alt=\"Share on Facebook\" /></a><a class=\"addToCart\" href=\"adToCart.php?imgID=<?php echo $row_rsPictures[\'PictureFile\'].\'&dbID=\'.$row_rsPictures[\'PictureID\']; ?>\"><img src=\"../images/addToList.png\" width=\"35\" height=\"25\" title=\"Add To Shopping List\" alt=\"Add To Shopping List\" /></a></p>
            </div>
            </li>
          <?php  
          } while ($row_rsPictures = mysql_fetch_assoc($rsPictures));
          mysql_data_seek($rsPictures,0);
          ?>
        </ul>
      </div>
  </div>
  <div id=\"Comments\" style=\"display: none\"></div>
  <div style=\"text-align: center; padding-right: 15px; font-size: 10px\">Gallery Image Sets: <?php
$TFM_Previous = $pageNum_rsPictures - 10;
if ($TFM_Previous >= 0) {
   printf(\'...<a href=\"\'.\"%s?pageNum_rsPictures=%d%s\",$currentPage,$TFM_Previous,$queryString_rsPictures.\'\">\');
   echo \"[Previous \".\"10\".\" sets] </a>...\";
   //Basic-UltraDev Previous X pages SB
}
?>
  <?php
for ($i = $TFM_startLink; $i <= $TFM_endLink; $i++) {
  $TFM_LimitPageEndCount = $i -1;
  if($TFM_LimitPageEndCount != $pageNum_rsPictures) {
    printf(\'<a href=\"\'.\"%s?pageNum_rsPictures=%d%s\",$TFM_LimitPageEndCount,$queryString_rsPictures.\' \" class=\"pageLinkInActive\">\');
    echo \"$i</a>\";
  }else{
    echo \"<span class=\'pageLinkActive\'>$i</span>\";
  }
if($i != $TFM_endLink) echo(\" \");}
?>
  <?php
$TFM_Next = $pageNum_rsPictures + 10;
$TFM_Last = $totalPages_rsPictures+1;
if ($TFM_Next - 1 < $totalPages_rsPictures) { 
  printf(\'...<a href=\"\'.\"%s?pageNum_rsPictures=%d%s\",$TFM_Next,$queryString_rsPictures.\'\">\');
    echo \"[Next \".\"10\".\" of \".$TFM_Last.\" sets] </a>...\";
}
?>
</div>
    <div class=\"columnFooters\"> </div>
    <div class=\"columnHeadings\">
      <h2>available print sizes</h2>
      </div>
    <div id=\"sizes\"><ul>
      <li><div style=\"height: 120px; width: 180px;\"><p>20x30<br />$65/ea</p></div></li>
      <li><div style=\"height: 96px; width: 120px;\"><p>16x20<br />$45/ea</p></div></li>
      <li><div style=\"height: 78px; width: 114px;\"><p>13x19<br />$40/ea</p></div></li>
      <li><div style=\"height: 72px; width: 108px;\"><p>12x18<br />$30/ea</p></div></li>
      <li><div style=\"height: 66px; width: 84px;\"><p>11x14<br />$25/ea</p></div></li>
      <li><div style=\"height: 48px; width: 60px;\"><p>8x10<br />$15/ea</p></div></li>
      <li><div style=\"height: 30px; width: 42px;\"><p style=\"font-size: 10px; line-height: 9px;\">5x7<br />$10/ea</p></div></li>
      <li><div style=\"height: 24px; width: 36px;\"><p style=\"font-size: 10px; line-height: 9px;\">4x6<br />$5/ea</p></div></li>
      </ul></div>
    <div class=\"columnFooters\"></div>
    <div class=\"columnHeadings\">
      <h2>SPECIALTY ITEMS</h2>
      </div>
    <div class=\"fullWidthDiv\">Click on the icon to see a sample and additional information or volume discounts</div>
<div id=\"specItems\"><ul>
      <li><div><p>Digital File<br><img src=\"../images/gallery/digital_file.jpg\" alt=\"Digital File\" width=\"100\" height=\"100\" /><br>
        $125/ea</p></div></li>
      <li><div><p>Keychains<br />
            <a class=\"keychain_sample\" href=\"keychainSample.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>\"><img src=\"keychain.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5];; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>&thumb=Y\" border=\"0\"></a><br>$5/ea</p></div></li>
      <li>
        <div><p>Vertical<br />Calendars<br />
            <a class=\"vertcal_sample\" href=\"vertCalender_sample.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>\"><img src=\"vertCalender.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>&thumb=Y\" border=\"0\"></a><br>$35/ea</p></div></li>
           <li>
        <div><p>Wide<br />Calendars<br /><a class=\"calendar_sample\" href=\"calender.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>\"><img src=\"calenderSample.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5]; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>&thumb=Y\" border=\"0\"></a><br>$35/ea</p></div></li>
      <li><div><p>Mousepads<br /><img src=\"mousepad.php?imgID=<?php $pieces = explode(\'_\',$sampleFile); echo $pieces[0].\"_\".$pieces[1].\"_\".$pieces[2]; if ($pieces[3] == \"NN\"){ echo \"_NN_\".$pieces[4].\"_\".$pieces[5];; } else { echo \"_\".$pieces[3].\"_\".$pieces[4]; } ?>&thumb=Y\" border=\"0\"><br>$17.50/ea</p></div></li>
</ul>
</div>
    <div class=\"columnFooters\"></div>
    </div>    
  <br class=\"clearFloat\" />
</div>
<!-- InstanceEndEditable -->
<div id=\"ContentFooter\"></div>
<div id=\"footer\"><a href=\"http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>/<?php if(isset($_SESSION[\'svUserID\'])) { echo \"logout\"; } else { echo \"login\"; } ?>.php\"><?php if(isset($_SESSION[\'svUserID\'])) { echo \"LOGOUT\"; } else { echo \"LOGIN\"; } ?></a> || <a href=\"http://<?php echo $_SERVER[\'SERVER_NAME\']; ?>\">HOME</a> || <a href=\"../classifieds/main.php\">CLASSIFIEDS</a> || <a href=\"../cart/view_cart.php\">CART</a> || <a href=\"main.php\">PICTURES</a> || <a href=\"../merch/main.php\">MERCHANDISE</a> || <a href=\"../video/main.php\">VIDEOS</a> || <a href=\"../video\">SCHEDULES</a> || <a href=\"../results.php\">RESULTS</a> || <a href=\"../downloads.php\">DOWNLOADS</a> || <a href=\"../rides/main.php\">RIDES</a> || <a href=\"../rides\">SERVICES</a> || <a href=\"../contact.php\">CONTACT US</a><br />
SITE CREATED AND MAINTAINED BY <a href=\"http://www.finishline-productions.com\" target=\"_blank\">FINISHLINE PRODUCTIONS</a> - COPYRIGHT 1997 - <?php echo date(\"Y\"); ?> - <a href=\"../docs/privacy.php\">PRIVACY POLICY</a> - <a href=\"../docs/usage.php\">TERMS OF USE</a> - <a href=\"../docs/returns.php\">RETURN POLICY</a></div>
</div>
</body>
<!-- InstanceEnd --></html>
</html>
<?php
mysql_free_result($rsPictures);
?>
感谢您的帮助!     

解决方法

        使用jquery时,只需将其添加到脚本部分中的某个位置即可:
$(document).ready(function() {
  $(\"#outerWrapper\").hide();
});
$(window).load(function() {
  $(\"#outerWrapper\").show();
});
您当然可以在CSS中将
#outerWrapper
设置为
display:none
,但是在禁用javascript的浏览器中您将永远看不到任何内容。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?