Cuadro desde base de datos

[diego1001]

Hola buenas, quiza el titulo es dificil de entender, explico lo que intento hacer y a ver si alguien sabe los pasos a seguir codigos html o javascript que haya que poner, muchas gracias.

Verán me gustaria crear un codigo el cual yo le ponga en mi web y sea una imagén que al actualizar la pagina salga otra imagen al azar, bien, ese codigo en html ya le tengo.
Lo que me falta es que ese codigo conecte con una base de datos y que yo pueda añadir mas imagenes a esa base de datos, lo cual haga que las imagenes al azar sean las que yo haya añadido a la base de datos pero sin necesidad de modificar el codigo principal de la web, no se si me he explicado bien.

Resumiendo, quiero conseguir crear un codigo HTML para poner en mi web que haga que salgan imagenes al azar desde una base de datos, ¿es posible?

Muchas gracias

[mauritosuarez]

Hola diego1001, directo desde html no te puedes conectar a una base de datos, para eso tendrías que usar un lenguaje de programación PHP, ASP o el que más te guste. Con jquery podrías mostrar e ir cambiando imágenes pero sin conectarte a la base.

Busca ejemplos de cambiar imágenes con jquery.

Espero te sirva.

Saludos.

[diego1001]

Iniciado por mauritosuarez

Hola diego1001, directo desde html no te puedes conectar a una base de datos, para eso tendrías que usar un lenguaje de programación PHP, ASP o el que más te guste. Con jquery podrías mostrar e ir cambiando imágenes pero sin conectarte a la base.

Busca ejemplos de cambiar imágenes con jquery.

Espero te sirva.

Saludos.

Muchas gracias mauritosuarez, lo puse en HTML porque es el lenguaje que mas conozco, ¿con jquery podría poner imagenes e ir cambiandolas sin modificar un codigo?¿o cómo funcionaria el cambio de imagenes y codigos en ese lenguaje?

[mauritosuarez]

Mira te dejo un link donde puedes descargarte el ejemplo y adaptarlo a tu web.

http://flexslider.woothemes.com/

Espero te sirva.

Saludos.

[diego1001]

Muchas gracias pero no era exactamente lo que me referia, seria como una imagen normal que al actualizar la pagina salga otra al azar, y las posibles imagenes al azar poder cambiarlas desde algun tipo de base de datos o de programa que lo permite pero sin alterar el codigo principal, no se si me explico del todo bien

[mauritosuarez]

ahh ok diego, te dejo un código jquery que cada vez que se refresque la web aparecerá un fondo (imagen) distinto.

Código Javascript:

$(docuement).ready(function() {
 
    // Defines todas las imagenes posibles, las imagenes son cargadas desde el css
    
    var bglist = new Array(13);
        bglist[0] = "fondo1";
        bglist[1] = "fondo2";
        bglist[2] = "fondo3";
        bglist[3] = "fondo4";
        bglist[4] = "fondo5";
        bglist[5] = "fondo6";
        bglist[6] = "fondo7";
        bglist[7] = "fondo8";
        bglist[8] = "fondo9";
        bglist[9] = "fondo10";
        bglist[10] = "fondo11";
        bglist[11] = "fondo12";
        bglist[12] = "fondo13";
    
        // Realizas un random, cada vez que se actualice aparecera un fondo distinto de los 13 existentes en este ejemplo   
        var rand = Math.floor(Math.random() * 13);
        
        // #right es el div donde se mostran las imagenes aleatoremente cada vez que se refresque.
        $("#right").addClass(bglist[rand]);
 
   });
 

Código CSS:

.fondo1
{
    width:700px;
    height:800px;
    display:table-cell;
    margin-top:8px;
    margin-right:8px;
    float:right;
    background-image:url('/Content/fondos/fondo1-1.jpg');
    background-repeat:no-repeat;
}
 
.fondo2
{
    width:700px;
    height:800px;
    display:table-cell;
    margin-top:8px;
    margin-right:8px;
    float:right;
    background-image:url('/Content/fondos/fondo1-2.jpg');
    background-repeat:no-repeat;
}
 
/*** y así hasta llegar hasta el fondo 13 o los que gustes. ***/
 

Espero te sirva, saludos.

Recuerda que debes añadir la librería de jquery para que esto funcione.

[diego1001]

Muchas gracias, sabes de algún tutorial que explique por pasos como ir haciendo todo esto en jquerry? ya que es un lenguaje que no domino

[mauritosuarez]

Hola diego, estoy realizando un ejemplo completamente funcional, en cuanto lo termine te solicito un mail y te lo comparto.

Saludos.

[diego1001]

Iniciado por mauritosuarez

Hola diego, estoy realizando un ejemplo completamente funcional, en cuanto lo termine te solicito un mail y te lo comparto.

Saludos.

Muchisimas gracias maurito, te lo agradezco mucho

[mauritosuarez]

Hola diego, podrás pasarme un mail así te comparto los archivos?

Saludos.

[diego1001]

Ya está enviado, muchas gracias

[mauritosuarez]

Hola Diego por donde me enviaste el mail?