- Nueva sección "Hogar".

git-svn-id: https://192.168.0.254/svn/Proyectos.Miguelo_Web/trunk@30 ec840e86-4cc9-48bc-81da-089286ec179e

src/hogar.html

@@ -29,15 +29,15 @@
       &nbsp;</h1>
       <p>&nbsp;</p>
       <!--p>&nbsp;</p-->
-      <a href="hogar/comodas-mesillas-hogar.jpg" rel="lightbox"><img src="hogar/comodas-mesillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/comodas-mesillas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/comodas-mesillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
       &nbsp;&nbsp;
-      <a href="hogar/sillas-hogar.jpg" rel="lightbox"><img src="hogar/sillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/sillas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/sillas-hogar_small.jpg" width="180" height="141" border="0" /></a>
       &nbsp;&nbsp;
-      <a href="hogar/cuadros-hogar.jpg" rel="lightbox"><img src="hogar/cuadros-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/cuadros-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/cuadros-hogar_small.jpg" width="180" height="141" border="0" /></a>
 	<br /><br/>
-      <a href="hogar/lamparas-hogar.jpg" rel="lightbox"><img src="hogar/lamparas-hogar_small.jpg" width="180" height="141" border="0" /></a>
+      <a href="hogar/lamparas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/lamparas-hogar_small.jpg" width="180" height="141" border="0" /></a>
       &nbsp;&nbsp;
-      <a href="hogar/sofas-hogar.jpg" rel="lightbox"><img src="hogar/sofas-hogar_small.jpg" width="180" height="141" border="0" /></a>      
+      <a href="hogar/sofas-hogar.jpg" rel="lightbox[hogar]"><img src="hogar/sofas-hogar_small.jpg" width="180" height="141" border="0" /></a>      
     </center>
   </div>
 </div>

src/lightbox.css

@@ -1,104 +1,123 @@
-#lightbox{
-	position: absolute;
-	top: 40px;
-	left: 0;
-	width: 100%;
-	z-index: 100;
-	text-align: center;
-	line-height: 0;
-	}
-
-#lightbox a img{ border: none; }
-
-#outerImageContainer{
-	position: relative;
-	background-color: #fff;
-	width: 250px;
-	height: 250px;
-	margin: 0 auto;
-	}
-
-#imageContainer{
-	padding: 10px;
-	}
-
-#loading{
-	position: absolute;
-	top: 40%;
-	left: 0%;
-	height: 25%;
-	width: 100%;
-	text-align: center;
-	line-height: 0;
-	}
-#hoverNav{
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 100%;
-	width: 100%;
-	z-index: 10;
-	}
-#imageContainer>#hoverNav{ left: 0;}
-#hoverNav a{ outline: none;}
-
-#prevLink, #nextLink{
-	width: 49%;
-	height: 100%;
-	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
-	display: block;
-	}
-#prevLink { left: 0; float: left;}
-#nextLink { right: 0; float: right;}
-#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
-#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
-
-
-#imageDataContainer{
-	font: 10px Verdana, Helvetica, sans-serif;
-	background-color: #fff;
-	margin: 0 auto;
-	line-height: 1.4em;
-	}
-
-#imageData{
-	padding:0 10px;
-	}
-#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
-#imageData #caption{ font-weight: bold;	}
-#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
-#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
-		
-#overlay{
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 90;
-	width: 100%;
-#	height: 500px;
-	background-color: #000;
-	filter:alpha(opacity=60);
-	-moz-opacity: 0.6;
-	opacity: 0.6;
-	}
-	
-
-.clearfix:after {
-	content: "."; 
-	display: block; 
-	height: 0; 
-	clear: both; 
-	visibility: hidden;
-	}
-
-* html>body .clearfix {
-	display: inline-block; 
-	width: 100%;
-	}
-
-* html .clearfix {
-	/* Hides from IE-mac \*/
-	height: 1%;
-	/* End hide from IE-mac */
-	}	
-	
+#lightbox {
+	position: absolute;
+	top: 40px;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox a img {
+	border: none;
+}
+#outerImageContainer {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#imageContainer {
+	padding: 10px;
+}
+#loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#hoverNav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#imageContainer>#hoverNav {
+	left: 0;
+}
+#hoverNav a {
+	outline: none;
+}
+#prevLink, #nextLink {
+	width: 49%;
+	height: 100%;
+	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
+	display: block;
+}
+#prevLink {
+	left: 0;
+	float: left;
+}
+#nextLink {
+	right: 0;
+	float: right;
+}
+#prevLink:hover, #prevLink:visited:hover {
+	background: url(/images/prevlabel.gif) left 15% no-repeat;
+}
+#nextLink:hover, #nextLink:visited:hover {
+	background: url(/images/nextlabel.gif) right 15% no-repeat;
+}
+#imageDataContainer {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+}
+#imageData {
+	padding:0 10px;
+}
+#imageData #imageDetails {
+	width: 70%;
+	float: left;
+	text-align: left;
+}
+#imageData #caption {
+	font-weight: bold;
+}
+#imageData #numberDisplay {
+	display: block;
+	clear: left;
+	padding-bottom: 1.0em;
+}
+#imageData #bottomNavClose {
+	width: 66px;
+	float: right;
+	padding-bottom: 0.7em;
+}
+#overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+ # height: 500px;
+	background-color: #000;
+	filter:alpha(opacity=60);
+	-moz-opacity: 0.6;
+	opacity: 0.6;
+}
+.clearfix:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+* html>body .clearfix {
+	display: inline-block;
+	width: 100%;
+}
+* html .clearfix {
+	/* Hides from IE-mac \*/
+
+
+	height: 1%;/* End hide from IE-mac */
+
+
+	}