Gracias Gracias:  60
Página 14 de 22 PrimerPrimer ... 4101112131415161718 ... ÚltimoÚltimo
Resultados 196 al 210 de 318

Tema: Joomla vs Dreamweaver

  1. #196
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por Kashir Ver mensaje
    A todo esto, Pit... JOOMLA o DREAMWEAVER?

    Sin mas.


    Ciertamente, empezaste con una pregunta y poco a poco te has ido metiendo en un follón de cuidado eh!

  2. #197
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    Bueno... vamos...

    Lo que he hecho es buscar scripts similares y adaptarlos a las fotografías del ejercicio, tamaños, número de fotografías, etc...

    Entiendo que no hace falta esta cortina, sino que basta conque cambien a corte cada 3 segundos...

    Eso es lo que he de intentar conseguir modificando el script, e intentando entenderlo


    El enunciado del primer ejercicio era:

    EJERCICIO 1:
    Crear una página Web con una imagen que cambie cada 3 segundos a modo de pase
    de diapositivas. En la carpeta del ejercicio se han incluido 10 ficheros del mismo

    tamaño, 770x130 pixels, que son los que hay ir mostrando de forma cíclica.


    Archivos adjuntados Archivos adjuntados

  3. #198
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    no es un follón

    me cerebro estaba algo anquilasado en el 3d y el diseño gráfico... esto me da vidilla

  4. #199
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Bueno vamos con ese ejercicio javascript, te hago un planteamiento con una solución más fácil y tu intentas programarla para practicar.

    Fichero HTML:
    El código html lo que tiene que hacer es crear una capa y que dentro contengan las imágenes que quieras introducir.

    Fichero CSS:
    La capa (DIV):
    • Centrar la capa en la página
    • Colocarle la anchura y altura de las imágenes
    • Definir el posicionamiento como relativo


    Las imágenes (img):
    • El posicionamiento debe ser absoluto para que las imágenes se solapen unas sobre otras.
    • Los parámetros left y top tienen que estar a 0 ya que se trata de que los bordes de la imagen izquierdo y superior estén en pegados a la capa padre
    • El ancho y el alto debe ser heredado de la capa padre
    • El display estará por defecto en none


    Fichero de Javascript:
    1. Cargar las imágenes en una variable de tipo array
    2. Cada cierto tiempo recorrer el array para que cambie el parámetro display none a inline únicamente en la imagen siguiente a la que esta en inline y que esta se ponga en none.


    Nota: Si no sabes como coger las imágenes puedes ponerle un id a las img y luego cargar el array manualmente cogiendo las imágenes con getElementById();

    La idea es esa, ahora te toca investigar un poco para coger soltura. Si tienes alguna duda preguntanosla por aquí. Puede que el parámetro inline lo tengas que cambiar por blok si te hace algún extraño de esto no estoy seguro pero es algo que vamos viendo sobre la marcha.

  5. #200
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    ok

    entiendo que es una div que contiene todas esas imágenes...

    ¿tengo que asignarles un z-index?

    bueno, me pongo con ello

    voy preparando una buena cafetera

  6. #201
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    Bueno, si no hay contraorden, arranco intentando programar el java script

    los .css serían:

    /*Estilos Trabajo-2 UNED
    ------------------------------------------------*/
    /*Básicos
    -------------------------------------------------*/
    body {background:#ccc; FONT: 12px Verdana, Helvetica, sans-serif;}

    /*Diapos
    ------------------------------------------------*/
    #ContenedorDiapos {
    background-color:#ccc;
    width:770px;
    height:135;
    margin:0 auto;
    overflow: hidden;
    }
    #Diapos {
    position:relative;
    width:770px;
    height:130px;
    }
    #Diapos img {
    position:absolute;
    top:0px;
    left:0px;
    width:inherit;
    height:inherit;
    display:none;
    }

    Y el xhtml sería:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Trabajo-2 Ejercicio-1</title>

    <link href=".estilosDiapos.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
    <!-- Contenedor Diapos -->
    <div id="ContenedorDiapos">

    <!-- Diapos -->
    <div id="Diapos">
    <img src="assets/fotoCiencias.jpg" width="770" height="130" alt="UNED" id="c1" z-index="1" />
    <img src="assets/fotoderecho.jpg" width="770" height="130" alt="UNED" id="c2" z-index="2" />
    <img src="assets/fotoEconomicas.jpg" width="770" height="130" alt="UNED" id="c3" z-index="3" />
    <img src="assets/fotoEducacion.jpg" width="770" height="130" alt="UNED" id="c4" z-index="4" />
    <img src="assets/fotoFilologia.jpg" width="770" height="130" alt="UNED" id="c5" z-index="5" />
    <img src="assets/fotoFilosofia.jpg" width="770" height="130" alt="UNED" id="c6" z-index="6" />
    <img src="assets/fotoGeografiaHistoria.jpg" width="770" height="130" alt="UNED" id="c7" z-index="7" />
    <img src="assets/fotoIndustriales130.jpg" width="770" height="130" alt="UNED" id="c8" z-index="8" />
    <img src="assets/fotoInformatica.jpg" width="770" height="130" alt="UNED" id="c9" z-index="9" />
    <img src="assets/fotoPsicologia.jpg" width="770" height="130" alt="UNED" id="c10" z-index="10" />
    </div>
    <!-- fin Diapos -->

    </div>
    <!-- fin Contenedor Diapos -->

    </body>
    </html>
    Archivos adjuntados Archivos adjuntados

  7. #202
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Has mejorado mucho en la escritura del código. Ahora con JavaScript a ver que tal.

  8. #203
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    El Array podría ser éste? :

    // Arrary que almacena las fotografías de las diapositivas

    var fotografías = ["fotoCiencias.jpg", "fotoderecho.jpg", "fotoEconomicas.jpg", "fotoEducacion.jpg", "fotoFilologia.jpg",
    "fotoFilosofia.jpg", "fotoGeografiaHistoria.jpg", "fotoIndustriales130.jpg", "fotoInformatica.jpg", "fotoPsicologia.jpg"];

  9. #204
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por Pit [reloaded] Ver mensaje
    El Array podría ser éste? :

    // Arrary que almacena las fotografías de las diapositivas

    var fotografías = ["fotoCiencias.jpg", "fotoderecho.jpg", "fotoEconomicas.jpg", "fotoEducacion.jpg", "fotoFilologia.jpg",
    "fotoFilosofia.jpg", "fotoGeografiaHistoria.jpg", "fotoIndustriales130.jpg", "fotoInformatica.jpg", "fotoPsicologia.jpg"];
    Guarda en el array las id's, para luego usar dichas id's con getElementById() y poder cambiar las propiedades de las imágenes.

  10. #205
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    y cómo guardo en el array las ids... no veo en la documentación cómo hacerlo

    se me habrá pasado... voy a buscarlo

  11. #206
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Trabajo-2 Ejercicio-1</title>
    <link href=".estilosDiapos.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
    <!-- Contenedor Diapos -->
    <div id="ContenedorDiapos">
    <!-- Diapos -->
    <div id="Diapos">
    <img src="assets/fotoCiencias.jpg" width="770" height="130" alt="UNED" id="c1" z-index="1" />
    <img src="assets/fotoderecho.jpg" width="770" height="130" alt="UNED" id="c2" z-index="2" />
    <img src="assets/fotoEconomicas.jpg" width="770" height="130" alt="UNED" id="c3" z-index="3" />
    <img src="assets/fotoEducacion.jpg" width="770" height="130" alt="UNED" id="c4" z-index="4" />
    <img src="assets/fotoFilologia.jpg" width="770" height="130" alt="UNED" id="c5" z-index="5" />
    ...
    </div>
    <!-- fin Diapos -->
    </div>
    <!-- fin Contenedor Diapos -->
    </body>
    </html>
    Los id's son los que has puesto en el html

    var fotografías = ["fotoCiencias.jpg", "fotoderecho.jpg", "fotoEconomicas.jpg", "fotoEducacion.jpg", "fotoFilologia.jpg",
    "fotoFilosofia.jpg", "fotoGeografiaHistoria.jpg", "fotoIndustriales130.jpg", "fotoInformatica.jpg", "fotoPsicologia.jpg"];
    Quedaría algo así:

    var photo_id = [ "c1", "c2", ..., "c10" ];

  12. #207
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    salvo que me digas que se puede hacer un array directamente con los ids:

    // Arrary que almacena las fotografías de las diapositivas

    var fotografías = ["c1", "c2", "c3", "c4", "c5",
    "c6", "c7", "c8", "c9", "c10"];

  13. #208
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    te me adelantaste...

    bueno... estoy leyéndome despacio la documentación buscando cómo cargar las fotografías y pasarlas de ono a inline... o blok ya veremos

    // Arrary que almacena las fotografías de las diapositivas
    // uso el id para cargarlas más adelante con getElementById()
    var photo_id = ["c1", "c2", "c3", "c4", "c5",
    "c6", "c7", "c8", "c9", "c10"];
    Última edición por Pit [reloaded]; 28-01-2011 a las 01:20

  14. #209
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por Pit [reloaded] Ver mensaje
    salvo que me digas que se puede hacer un array directamente con los ids:

    // Arrary que almacena las fotografías de las diapositivas

    var fotografías = ["c1", "c2", "c3", "c4", "c5",
    "c6", "c7", "c8", "c9", "c10"];
    Pues sí, eso te he dicho

  15. #210
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    a ver... saco la primera imagen con:

    en head cargo:

    <script type="text/javascript" src="js/EjerDiapos.js"></script>

    donde he escrito:


    // Array que almacena las fotografías de las diapositivas
    // uso el id para cargarlas más adelante con getElementById()

    var photo_id = ["c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "c10"];

    // Entiendo que necesito que se cargue la primera fotografía

    function muestra() {
    var photo_id = document.getElementById("c1");
    c1.style.display='inline';
    }


    En el body llamo a la función:

    <body onLoad="muestra ()">

    y abro la primera imagen...

    mi problema es cómo decirle que se esté quieta 3 segundos antes de ocultarla y sacar la siguiente
    Última edición por Pit [reloaded]; 28-01-2011 a las 03:14

Página 14 de 22 PrimerPrimer ... 4101112131415161718 ... ÚltimoÚltimo

Temas similares

  1. Dreamweaver CS6
    Por 3dpoder en el foro Libreria fisica y electronica
    Respuestas: 0
    Último mensaje: 02-05-2015, 10:37
  2. Crear una web desde cero. Paso a paso con Joomla!
    Por 3dpoder en el foro Libreria fisica y electronica
    Respuestas: 0
    Último mensaje: 26-01-2015, 10:37
  3. 3ds Max Dreamweaver
    Por Geo_BsAs en el foro Problemas con Programas
    Respuestas: 3
    Último mensaje: 12-04-2013, 18:45
  4. adobe Dreamweaver CS6
    Por 3dpoder en el foro Programas de Diseño gráfico
    Respuestas: 0
    Último mensaje: 07-05-2012, 16:30
  5. ayuda con Dreamweaver
    Por franquy en el foro Diseño Gráfico y CAD
    Respuestas: 7
    Último mensaje: 22-10-2003, 09:18

Actualmente estos son sus permisos de publicación en el foro.

  • -No puedes crear nuevos temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes responder temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes subir archivos adjuntos al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes editar tus mensajes al no estar registrado o no haber iniciado sesión en el foro.
  •