|
|
@@ -0,0 +1,142 @@
|
|
|
+<?php
|
|
|
+include('db.php');
|
|
|
+
|
|
|
+$statement = $db->prepare("SELECT `nombre`, `desc_corta` FROM `productos` WHERE `categoria` = ?");
|
|
|
+$cat = 'FACIALES';
|
|
|
+$statement->bind_param('s', $cat);
|
|
|
+$statement->execute();
|
|
|
+$statement->store_result();
|
|
|
+$statement->bind_result($nombre,$desc);
|
|
|
+$count=$statement->num_rows;
|
|
|
+?>
|
|
|
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <title>ESPECIFICOS Buenos Aires</title>
|
|
|
+ <link type="text/css" rel="Stylesheet" href="Productos.css" />
|
|
|
+ <link type="text/css" rel="Stylesheet" href="Especificos.css" />
|
|
|
+ <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
|
|
|
+<script src="//code.jquery.com/jquery-1.9.1.js"></script>
|
|
|
+<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
|
|
|
+<script>
|
|
|
+$(document).ready(function() {
|
|
|
+ curpag=1;
|
|
|
+ $(".next").click(function() {
|
|
|
+ if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
|
|
|
+ return;
|
|
|
+ $(".pagina").hide();
|
|
|
+ curpag++;
|
|
|
+ $(".pagina[num='"+curpag+"']").show();
|
|
|
+ $("#paginas_list li").css("opacity",0.5);
|
|
|
+ $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
|
|
|
+
|
|
|
+ });
|
|
|
+ $(".prev").click(function() {
|
|
|
+ $(".pagina[num='"+curpag+"']").hide();
|
|
|
+ curpag--;
|
|
|
+ if ( curpag < 1 )
|
|
|
+ curpag=1;
|
|
|
+ $(".pagina[num='"+curpag+"']").show();
|
|
|
+ $("#paginas_list li").css("opacity",0.5);
|
|
|
+ $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
|
|
|
+ });
|
|
|
+ $("#paginas_list li").click(function() {
|
|
|
+ $("#paginas_list li").css("opacity",0.5);
|
|
|
+ $(this).css("opacity",1);
|
|
|
+ $(".pagina").hide();
|
|
|
+ $(".pagina[num='"+$(this).attr('num')+"']").show();
|
|
|
+ curpag=$(this).attr('num');
|
|
|
+ alert(curpag);
|
|
|
+ });
|
|
|
+});
|
|
|
+</script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+
|
|
|
+ <div id="top_wrapper">
|
|
|
+ <div id="navbar" font-family="champagne">
|
|
|
+ <ul id="navlist">
|
|
|
+ <li><a href="Especificos.html#nosotros">nosotros</a></li>
|
|
|
+ <li><a href="#productos">productos</a></li>
|
|
|
+ <li><a href="#actividades">actividades</a></li>
|
|
|
+ <li><a href="#top_wrapper"><img src="Images/LOGO.png" /></a></li>
|
|
|
+ <li><a href="#cursos">cursos</a></li>
|
|
|
+ <li><a href="#distribuidoras">donde comprar</a></li>
|
|
|
+ <li>contacto</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="productos_wrapper">
|
|
|
+
|
|
|
+ <br />
|
|
|
+ <div id="productosbar">
|
|
|
+ <ul id ="categorias">
|
|
|
+ <a href=""><li><h3>LIMPIEZA</h3></li></a>
|
|
|
+
|
|
|
+ <li><h3>MÁSCARAS</h3></li>
|
|
|
+
|
|
|
+ <li><h3>ÁCIDO<br />HIALURÓNICO</h3></li>
|
|
|
+ <li><h3>PEELING</h3></li>
|
|
|
+ <li><h3>CORPORALES</h3></li>
|
|
|
+ <li><h3>HOMBRES</h3></li>
|
|
|
+ <li><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
|
|
|
+ <li><h3>MONODOSIS</h3></li>
|
|
|
+ <li><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id ="paginas_wrapper">
|
|
|
+ <?php
|
|
|
+ $i=0;
|
|
|
+ $j=0;
|
|
|
+ while($j< (floor($count/3) + ($count % 3 != 0 ? 1 : 0) )){
|
|
|
+ $j++;
|
|
|
+ ?>
|
|
|
+ <div num="<?php echo $j; ?>" class="pagina" <?php if ($j > 1) { echo 'style="display:none"'; } ?> >
|
|
|
+ <div class="nav" style="display: inline; float: left; height: 30px; margin-top: 170px;">
|
|
|
+ <label for="img-1" class="prev">‹</label>
|
|
|
+ </div>
|
|
|
+ <div id="lista_productos">
|
|
|
+ <?php while ($i<3 && $statement->fetch()) {
|
|
|
+ $i++;
|
|
|
+ ?>
|
|
|
+ <div id="producto" style="float:left;">
|
|
|
+ <div style="float : left; width:15%;">
|
|
|
+ <img src="Images/producto.jpg">
|
|
|
+ </div>
|
|
|
+ <div style="float : left; width: 74%;">
|
|
|
+ <h4> <?php echo $nombre; ?> </h4>
|
|
|
+ <br> <?php echo $desc; ?> <br><br>
|
|
|
+ <u>Ver más</u>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <?php
|
|
|
+ } //while $i %3 && st-fetch
|
|
|
+ $i=0;
|
|
|
+ ?>
|
|
|
+ </div>
|
|
|
+ <div class="nav" style="float: right; height: 30px; margin-top: 170px;">
|
|
|
+ <label for="img-3" class="next">›</label>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <?php } ?>
|
|
|
+ <ul id="paginas_list">
|
|
|
+ <?php
|
|
|
+ for ($i=1; $i<= $j; $i++) {
|
|
|
+ echo "<li num=$i style='opacity: " . ($i==1? "1.0" : "0.5") ."'> • </li>";
|
|
|
+ }
|
|
|
+ ?>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
|
|
+<?php
|
|
|
+$statement->close();
|
|
|
+?>
|
