Jump to content

help with gallery

Glenskie

By Glenskie
in HTML Help

 Share

Recommended Posts

Glenskie Regular Member

Glenskie

Posted
Posted

ok , well im making a gallery for my school , and i have lightbox installed on the site for the gallery , but it takes forever to load and i would like to know if there is anyway to preload the images or something ? like it takes for ever and some of the images dont load... here is my script.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta name="description" content="Business Professional Package" />
<meta name="keywords" content="Business Professional Package" />
<meta name="copyright" content="themeforest.com" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="revisit-after" content="1 day" />
<meta name="DC.title" content="themeforest.com" />
<meta name="robots" content="all" />


<link rel="Shortcut Icon" type="image/ico" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/main.css" />


<title>Welcome to Independence High School</title>
<style type="text/css">
      
      body { background-color: #2574b0; }
      
      #main{
  background: #fff;
  margin: 0 auto;
  width: 980px;
  height:800px;
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
#selectclass
{
  background:maroon;
  margin:0 auto;
  width:170px;
  height:795px;
  border-style:solid;
  border-right-style:solid;
  float:left;
}
  
  
.button {
   border-top: 1px solid #b7c4cc;
   background: #b5b1b1;
   background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#b5b1b1));
   background: -webkit-linear-gradient(top, #9c3e3e, #b5b1b1);
   background: -moz-linear-gradient(top, #9c3e3e, #b5b1b1);
   background: -ms-linear-gradient(top, #9c3e3e, #b5b1b1);
   background: -o-linear-gradient(top, #9c3e3e, #b5b1b1);
   padding: 8px 16px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 17px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #782828;
   background: #782828;
   color: #ccc;
   }
.button:active {
   border-top-color: #5c1b1e;
   background: #5c1b1e;
   }

#content20112012 {
  background: #fff;
  margin: 0 auto;
  width: 803px;
  height:2800px;
  float:right;
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  display:none;
}
#contentpics {
  background: #fff;
  margin: 0 auto;
  width: 803px;
  height:800px;
  float:right;
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}


.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  
  }
.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }



  
  
  
  
  
  
    </style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>



</head><body>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $('#20112012').click(function() {
          $('#content20112012').animate({
               height: 'toggle'
               }, 2000
		   );
     }); 
});</script>
<!-- Centers the page -->
<div id="content">

<!-- Header -->
<div id="header">

<!--
This is where your logo goes. If you change the size of the logo
in the PSD file, you need to change the size of it in the stylesheet
-->


</div>
<!-- END header -->

<!-- Navigation -->
<div id="navigation">

<!--
Because IE is so tricky (stupid), there are a few too many classes here.
If you don't care about the blue rollover sticking in IE when you go to the right for the sub-sub menu,
you can get rid of the "item" class.

The "first" class is for the top level navigation and it simply causes the menu item to lose the left border,
which is good for the first item in the list.

The "last" class is almost the same, but it causes the menu item to lose the right border, which is good for
the last item in the list.

The "top" class is for the sub and sub-sub menus, and it causes the menu item to lose it's top border.
The "bottom" class is for the sub and sub-sub menus as well, and it causes the menu item to lose it's bottom border.
-->


<link rel="stylesheet" href="css/Menu.css" type="text/css" media="screen" charset="utf-8"/> 
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/MenuMatic-ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]--> 






<ul id="nav"> 
<ul>
<li><a href="index.html">HOME</a></li>

<li><a href="academics/academics.html" class="arrow">ACADEMICS</a></li>

<li><a href="activites/activites.html" class="arrow">ACTIVITES</a></li>
<li><a href="athletics/athletics.html" class="arrow">ATHLETICS</a></li> 

<li><a href="administration/administration.html">ADMINISTRATION</a></li>
<li><a href="PHOTOGALLERY.html">PHOTOGALLERY</a></li>
</div>

<!-- END navigation -->
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="lightbox.js" type="text/javascript"></script>
<script>
	$(document).ready(function(){
	    base_url = document.location.href.substring(0, document.location.href.indexOf('index.html'), 0);
	    
		$(".lightbox20112012").lightbox({
		    fitToScreen: true,
		    imageClickClose: false
	    });
		$(".lightbox20122013").lightbox({
		    fitToScreen: true,
		    imageClickClose: false
	    });
	    });

</script>
<!-- START GALLERY -->	
<div id="main">
<div id="selectclass"><br><center>
<a href="#" class="button" id="20112012">2011-2012</a>
</center>
</div>
<div id="contentpics">
<h2><center>Click on the year to view the photos for that year!</h2></center>

<div id="content20112012" >
<br />
<center>2011-2012</center>
<br />
<div class="img">
  <a href="20112012/_DSC5904.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/_DSC5904.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/_DSC6177.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/_DSC6177.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/_DSC7193.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/_DSC7193.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/941kuzz186.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/941kuzz186.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/aloha028.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/aloha028.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/girlsbball366.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/girlsbball366.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/IMG_0014.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/IMG_0014.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/IMG_0797.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/IMG_0797.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/IMG_8555.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/IMG_8555.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/IMG_9226.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/IMG_9226.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/pics 057.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/pics 057.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/pie a cheerleader 013.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/pie a cheerleader 013.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/upperclass lunch 075.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/upperclass lunch 075.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (147).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (147).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (148).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (148).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (149).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (149).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (150).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (150).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (157).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (157).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (159).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (159).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (160).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (160).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (161).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (162).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (163).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (163).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (164).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (164).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (165).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (165).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (166).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (166).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (167).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (167).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (168).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (168).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (169).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (169).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (170).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (170).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (171).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (171).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (172).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (172).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (173).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (173).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (180).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (180).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (187).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (187).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (190).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (190).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (198).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (198).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (199).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (199).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (202).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (202).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (203).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (203).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (205).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (205).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (206).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (206).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (208).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (208).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (222).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (222).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (224).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (224).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (225).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (225).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (226).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (226).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (227).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (227).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (230).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (230).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (231).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (231).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (241).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (241).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (244).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (244).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (246).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (246).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (248).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (248).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (254).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (254).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (255).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (255).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (257).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (257).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (258).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (258).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (259).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (259).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>

</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (260).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (260).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (268).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (268).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (269).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (269).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div><div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (272).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (272).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc"></div>
</div>
<div class="img">
  <a href="20112012/All/A Piece of my Heart/POMH (289).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/A Piece of my Heart/POMH (289).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Adopt a lil' Falcon/adopt.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Adopt a lil' Falcon/adopt.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div><br />
Aloha rally
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 ().jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 ().jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (1).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (1).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (2).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (2).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (3).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (3).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (4).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (4).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (5).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (5).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (6).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (6).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (7).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (7).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (.jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (.jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (9).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (9).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (10).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (10).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (11).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (11).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (12).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (12).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (13).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (13).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (14).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (14).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (15).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (15).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (16).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (16).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (17).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (17).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (18).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (18).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (19).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (19).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (20).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (20).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (21).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (21).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (22).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (22).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (23).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (23).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (24).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (24).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (25).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (25).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (26).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (26).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (27).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (27).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (28).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (28).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (29).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (29).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (30).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (30).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>
<div class="img">
  <a href="20112012/All/Aloha rally/Aloha1 (31).jpg" class="lightbox20112012" rel="roadtrip">
  <img src="20112012/All/Aloha rally/Aloha1 (31).jpg" alt="" width="110" height="90" />
  </a>
  <div class="desc">
</div></div>











</div>

</div>

<div id="footer" style="left: 0px; top: 0px; width: 938px; height: 29px">
</div>


     
  </body>

</html>

Link to comment
Share on other sites
haku Regular Member

haku

Posted
Posted

That's your document, not your script.

 

Anyways, you can put all the images in a div, and set the display of the div to be 'none'. This will load all the images on page load, essentially caching them in the browser for use on that page.

Link to comment
Share on other sites
salem80 Newbie

salem80

Posted
Posted

Your Source Code Continues 96 images

depending on size of this images and the speed of site server to load this images

I suggest to reduce the number of pictures on each pages or septate it to on pages (you can easy to it on word press)

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.