Explorar el Código

deivid masterrace

david hace 12 años
padre
commit
5d62a59876
Se han modificado 3 ficheros con 32 adiciones y 22 borrados
  1. 2 1
      css/productos.css
  2. 1 1
      listaprod.php
  3. 29 20
      productos.php

+ 2 - 1
css/productos.css

@@ -143,4 +143,5 @@ margin-top: 50px;
 #flechaatras{z-index: 2; top: 40%; position: absolute; left: 250px;}
 
 .vermas { display: inline; margin: 0px; font-weight: bold; }
-#pagina-1 { display: none; }
+.pagina[num="1"] { display: none; }
+.pagina { height: 760px; }

+ 1 - 1
listaprod.php

@@ -22,7 +22,7 @@ if ($count >= 6) echo "<div id='flechaatras'><img src='Images/left.png'></div>";
 while ( $statement->fetch() ) {
     $i++;
     if (($i-1) % 6 == 0  && $i > 1 || $i == 1) {
-        echo "<div class='pagina' id='pagina-$pag'>\n";
+        echo "<div class='pagina' num='$pag'>\n";
         $pag++;
     }
 	if(($i-1) % 3 == 0){ echo "<div class='listaproductos'>\n"; }

+ 29 - 20
productos.php

@@ -13,7 +13,7 @@
 $(document).ready(function() {
 	
 	
-	curpag=1;
+	curpag=0;
     var cat = 'Limpieza';
     
 	$(".cambiarcat").click(function() {
@@ -24,6 +24,33 @@ $(document).ready(function() {
 	function getData() {
 	$.get('listaprod.php', { cat : cat }).done(function(data) {
 		$("#paginas_wrapper").html(data);
+        curpag=0;
+        $("#flechaatras").hide();
+        $("#flechafwd").click(function() {
+            if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
+                return;
+            $(".pagina").hide();
+            curpag++;
+            if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
+                $("#flechafwd").hide();
+            $("#flechaatras").show();
+            $(".pagina[num='"+curpag+"']").show();
+            $("#paginas_list li").css("opacity",0.5);
+            $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
+
+        });
+        $("#flechaatras").click(function() {
+            $(".pagina[num='"+curpag+"']").hide();
+            curpag--;
+            if ( curpag < 0 )
+                curpag=0;
+            if(curpag==0)
+                $("#flechaatras").hide();
+            $("#flechafwd").show();
+            $(".pagina[num='"+curpag+"']").show();
+            $("#paginas_list li").css("opacity",0.5);
+            $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
+        });
 		$(".texto p").click(function(){
 			expand = $(this).attr('prodid');
 			getDesc();
@@ -48,29 +75,11 @@ $(document).ready(function() {
 		$('#exit').click(function(){
 			$('#descripcion_completa, #overlay-contact').hide();
         });
+
 	});
 	}
 	
 	
-	$(".flechafwd").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);
-
-	});
-	$(".flechaatras").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);