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

Tema: Joomla vs dreamweaver

  1. #196
    Usuario Avanzado 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. JOMLA o DREAMWEAVER? .
    Sin más.
    .
    .
    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,.
    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 pixeles, 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
    Usuario Avanzado 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 CS:
    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 qué las imágenes se solapen unas sobre otras.
    • Los parámetros left y top tienen que estar a 0 ya qué 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. .
    2. Cargar las imágenes en una variable de tipo array.
    3. Cada cierto tiempo recorrer el array para qué cambie el parámetro display none a inline únicamente en la imagen siguiente a la que está en inline y que esta se ponga en none.
    .
    Nota: Si no sabes cómo 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
    ------------------------------------------------*/
    #ContenedorDiapues {
    background-color:#ccc;
    width:770px;
    height:135;
    margin:0 auto;
    overflow: hidden;
    }
    #Diapues {
    position:relative;
    width:770px;
    height:130px;
    }
    #Diapues 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/lose, 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="styleshet" />
    </head>
    <body>
    <.-- Contenedor Diapues -->
    <div id="ContenedorDiapos">

    <.-- Diapues -->
    <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/fotoGeografiaHiestoria.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 Diapues -->

    </div>
    <.-- fin Contenedor Diapues -->

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

  7. #202
    Usuario Avanzado 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 qué 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", "fotoGeografiaHiestoria.jpg", "fotoIndustriales130.jpg", "fotoInformatica.jpg", "fotoPsicologia.jpg"];

  9. #204
    Usuario Avanzado 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", "fotoGeografiaHiestoria.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
    Usuario Avanzado 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/lose, 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="styleshet" />.
    </head>.
    <body>.
    <.-- Contenedor Diapues -->.
    <div id="ContenedorDiapos">.
    <.-- Diapues -->.
    <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 Diapues -->.
    </div>.
    <.-- fin Contenedor Diapues -->.
    </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", "fotoGeografiaHiestoria.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
    Usuario Avanzado 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
    : 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
    : 26-01-2015, 10:37
  3. 3ds Max Dreamweaver
    Por Geo_BsAs en el foro Problemas con Programas
    Respuestas: 3
    : 12-04-2013, 18:45
  4. Dreamweaver cs3 y las capass
    Por Frodo en el foro Programas de Diseño gráfico y CAD
    Respuestas: 0
    : 21-01-2008, 13:17
  5. Ayuda con dreamweaver
    Por franquy en el foro Programas de Diseño gráfico y CAD
    Respuestas: 7
    : 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.
  •