entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Slider tipo catálogo para un echo

Buenas, tengo armado lo siguiente en código:

  function ComprasWeb($sys)
  {
    $return = '';
    if($sys == 1)
    {
      $consultar = mysql_query("SELECT * FROM items ORDER BY ID ASC");
      while ($items = mysql_fetch_array($consultar, MYSQL_ASSOC)) {
      echo  '
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
            <form action="/tienda/comprar-items?id='.$items['ID'].'" method="post">   
            <div class="col-lg-vehs">
              <div class="panel panel-default">
                  <div class="panel-body">
                    <div class="panel panel-default text-center">
                      <ul class="list-group">
                        <li class="list-group-item"><img src="/imagenes/items/'.$items['ID'].'.gif" class="img-thumbnailveh"</img></li>
                        <li class="list-group-item-vehs ContenidoTabla">ID: 123</li>
                        <li class="list-group-item-vehs ContenidoTabla">Item: Nombre</li>
                      </ul>
                    </div>
                    <center><input type="submit" id="BotonComprar" class="Boton" value="Comprar" ></center>
                    </div>
                  </div>
            </div>  
            </form>
            ';
      }
    }

Y luego mostrado como

<?php echo ComprasWeb(1); ?>

Ahora mismo es mostrado todo en forma de divs repetitivos bien como muestra el codigo

enter image description here

Me gustaria saber si podria de alguna manera adaptarle al codigo algo para mostrarlo como un slider o algo similar, que idea me dan?

http://i.imgur.com/m1KuQzS.jpg

Gracias y saludos

1 Respuesta

3votos

cobasESP Puntos19650

Yo use el slider que viene en jQuery UI -> https://jqueryui.com/slider/

Lo que hice fue configurar el slider en la web y al cargar la página, dentro del slider hago la consulta, traigo los datos y voy haciendo cada uno de los divs que lo componen.

Tambien hay plantillas diseñadas para esto, busca en google "dynamic carrousel", son sliders con efectos preparados para lo que tu quieres, si lo prefieres a jQuery UI

1voto

Leonardo-Tadei comentado

Hola @KevinLeyes,

iba a contestar lo mismoi que @cobasESP: buscá un slider que te guste y hacé que el código generado en tu bucle tenga los contenedores del slide.

El carrousel de Bootstrap es bastante simple de usar y los ejemplos están buenos, pero en realidad esto sirve para cualquier slideshow que soporte poner etiquetas en cada slide (te lo aclado en contraposición a los slideshows que solo permiten poner imágenes en cada slide)

Saludos cordiales!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta