[SOLUCIONADO] slide con imagenes de base de datos.

dantemiguelturcutto · #1 (**permalink**) 06/01/2015, 10:50

Buenas tardes, tengo la siguiente duda.

Yo tengo un "banner" que va pasando imagenes... o sea un "slide":

este es el código:

Código HTML:

<html>
	<head>
		<meta charset="utf-8">		
		<link rel="stylesheet" type="text/css" href="estslide.css">
		<script type="text/javascript" src="js/jquery.js"></script>	
		<script type="text/javascript" src="js/cycle.js"></script>

		<script type="text/javascript">

		$(document).ready(function() {
			$('.slideshow').cycle({
			fx: 'scrollRight'	
			})


		});
		</script>			
</head>
<body>

<div class="slideshow">
	<img src="imgbanner/img1.jpg">
	<img src="imgbanner/img2.jpg">
	<img src="imgbanner/img3.jpg">
	<img src="imgbanner/img4.jpg">
	<img src="imgbanner/img5.jpg">
	<img src="imgbanner/img6.jpg">
	<img src="imgbanner/img7.jpg">
</div>	
		
</body>
</html>

pero lo que quiero, es poder poner las imagenes del código anterior, mediante mysql.

Tengo una BD con solo dos columnas. (id,imagenBanner).

Código HTML:

<?php include "conexionbd.php";           

    $query="SELECT id,imagenBanner FROM bannerslide";

    $resultado=mysql_query($query);

    while($dato=mysql_fetch_array($resultado)){                
        echo '<div class="muestradatos">'.$dato["id"].'</div>';                 
        echo '<div class="muestradatos"><img src="imgbanner/'.$dato['imagenBanner'].'"></img></div>';

    }

?>

en ese código la estaría imprimiendo. Pero lo que quiero es el código anterior, poder manjar directamente desde un form(que ya lo tengo) para modificar, eliminar o agregar una imagen.

No sé si me explico, desde ya, muchas gracias.

pateketrueke · #2 (**permalink**) 06/01/2015, 11:50

Sí, bueno, se entiende perfectamente lo que tienes que hacer.

Pero ¿el problema cual es exactamente? ¿qué parte es la que no entiendes?

dantemiguelturcutto · #3 (**permalink**) 06/01/2015, 11:57

Ya lo solucioné, gracias.

Código PHP:

 
<html> 
    <head> 
        <meta charset="utf-8">         
        <link rel="stylesheet" type="text/css" href="estslide.css"> 
        <script type="text/javascript" src="js/jquery.js"></script>     
        <script type="text/javascript" src="js/cycle.js"></script> 
 
        <script type="text/javascript"> 
 
        $(document).ready(function() { 
            $('.slideshow').cycle({ 
            fx: 'scrollRight'     
            }) 
 
 
        }); 
        </script>             
</head> 
<body> 
 
<div class="slideshow"> 
    <?php include "conexionbd.php";            
 
    $query="SELECT imagenBanner FROM bannerslide"; 
 
    $resultado=mysql_query($query); 
 
    while($dato=mysql_fetch_array($resultado)){    
                       
        echo '<div class="muestradatos"><img src="imgbanner/'.$dato['imagenBanner'].'"></img></div>'; 
 
    } 
 
?> 
</div>     
         
</body> 
 
 
</html>

Por las dudas si a alguien le sirve, ahí está el código.