tati
/
especificosweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
							<?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">&#x2039;</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">&#x203a;</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") ."'> &#149; </li>";
				}
				?>
			</ul>
        </div>
        
    </div>

</body>
</html>
<?php
$statement->close();
?>