none
mostrar datos en carrucel mysql php RRS feed

  • Pregunta

  • este el siguiente diseño armado por html y bootstrap + css

    lo cual quierio mostrar datos de ni base de datos asi tal cual sin perder el estilo visto en la imagen 1 cada una de las secciones es como un carrucel muestran 3 datos luego de un segundo cambia para mostrar 3 datos mas y asi  sucesivamente

    y este seria cod (etiquetas de una de ellas )

    <div class="col-md-3 col-xs-6">
    						<div class="section-title">
    							<h4 class="title">Restaurantes</h4>
    							<div class="section-nav">
    								<div id="slick-nav-4" class="products-slick-nav"></div>
    							</div>
    						</div>
    
    						<div class="products-widget-slick" data-nav="#slick-nav-4">
    							<div>
    								<!-- product widget -->
    								<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product04.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>
    								<!-- /product widget -->
    
    								<!-- product widget -->
    								<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product05.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>
    								<!-- /product widget -->
    
    								<!-- product widget -->
    								<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product06.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>
    								<!-- product widget -->
    							</div>
    
    							<div>
    								<!-- product widget -->
    								<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product07.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>
    								<!-- /product widget -->
    
    								<!-- product widget -->
    								<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product08.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>
    								<!-- /product widget -->
    
    								<!-- product widget -->
    								<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product09.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>
    								<!-- product widget -->
    							</div>
    						</div>
    					</div>

    y lo muestro mis datos de la siguiente manera llamando una funcion de mi clase 

    que esta formada asi : ejemplo 

    function mostrarE($conex){ /* categoria hoteles */
    		
    			
    		$query="select * from tempresa";
    		$result=mysqli_query($conex,$query);
    		if (mysqli_num_rows($result)>0){
     				$table.="<div>";
    					//mientras exista fila asignar a $fila
    					while($fila=mysqli_fetch_array($result)){ 
    						
    						$table.='<div class="product-widget">
    									<div class="product-img">
    										<img src="./img/product07.png" alt="">
    									</div>
    									<div class="product-body">
    										<p class="product-category">Category</p>
    										<h3 class="product-name"><a href="#">product name goes here</a></h3>
    										<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
    									</div>
    								</div>';}
    				$table.="</div>";
    				
    				}
    	return $table;
    		
    }

    ese es solo un ejemplo de como voy mostrar mis datos

    lo intente pero perdi el estilo


    • Editado yato4503p miércoles, 2 de diciembre de 2020 0:31 falto mas
    martes, 1 de diciembre de 2020 16:37