Intercambiar Imágenes Dinámicamente con Dreamweaver

baluart25 Abril 2005 - 12:00am 3 comentarios
Enviar por Email Imprimir

Ahora que hemos visto como rotar imágenes en una lista desplegable (menu/list) de manera estática, es hora de ver algo más interesante. En esta segunda parte, enseñamos como mostrar sus imágenes de manera dinámica con JavaScript, PHP y MySQL.

Ahora que hemos visto como rotar imágenes en una lista desplegable (menu/list) de manera estática, es hora de ver algo más interesante. En esta segunda parte, enseñamos como mostrar sus imágenes de manera dinámica con JavaScript, PHP y MySQL.

Empezamos creando nuestra base de datos mediante PpMyAdmin.

Creamos una nueva base de datos

Luego, nuestra tabla con tres campos.

Creamos una tabla nueva

El primer campo “Id” de tipo TINYINT, autoincrement y llave primaria
El segundo y tercero, “Imagen” y “Nombre” con los siguientes valores.

Creamos los campos

“Imagen” contiene la ruta a la imagen desde la página que ejecuta el script de consulta.

Insertamos los datos

Creamos un nuevo Sitio con Dreamweaver, apuntamos los Datos de la carpeta Local.

Creamos nuestro sitio en dreamweaver

Los de la carpeta remota.

El modelo del servidor.

Ahora que ya creamos nuestro Sitio en Dreamweaver creamos una Página PHP, vamos a la ventana Base de Datos (Ctrl+Mayus+F10) y creamos la conexión.

Luego en la ventana Vinculaciones (Ctrl + F10) creamos nuestra consulta a la BD.

Cremos la consulta a la BD

Luego, a insertar un formulario con del método “Get”.

Creamos el formulario

Escribimos el metodo por el que transmitimos los datos

Luego insertamos el menú desplegable (Lista/Menu), y la vinculamos con una fuente Dinámica.

Creamos el menu/list

El valor que vamos a transmitir es “Id” y la etiqueta que mostramos es  “Nombre”.

Insertamos datos dinámicos al menú/lista

Ahora insertamos el código JavaScript que hace el efecto de manera estática.

Escribimos el JavaScript necesario

Luego, vamos a reescribir el JavaScript con código PHP.

Ahora reescribimos el javascript pero con código php

Luego, al array de Java lo modificamos y le añadimos el mismo bucle do/while creado en el formulario (copiar y pegar), debe de quedarnos de esta manera.

Finalmente, modificamos el select del formulario y le añadimos una opción inicial.

El resultado final, una lista desplegable dinámica, fácil de modificar a través de simples formularios.

Resultado Final

 Descargar Lista_dinámica

Comentarios

Imagen de dario arenas
dario arenas

hola, me gustaria que por favor me dijeras como hago las imagenes dinamicas pero sin la lista desplegable. necesito que las imagenes estando en la base de datos, se muestren dinamicamente y automanticamente como si fueran un gif animado. gracias

Imagen de Gabriela
Gabriela

Que posibilidades hay de que las im

Imagen de pcaal
pcaal

Saludos, gracias por la explicación, por favor como se podría hacer para flash, y que aparezca un pie de texto, espero me puedan brindar una ayuda, éxitos.

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más