Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 6 de 6

Tema: script para imagenes cambiantes

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22

    script para imagenes cambiantes

    Hola a todos!!!!

    He visto por aqui algunos scripts relacionados con imágenes, pero no he encontrado lo que busco.

    Yo necesitaria crear un efecto en el cual aparezca una imágen y, por ejemplo, a los 10 segundos vaya desapareciendo mientras aparece una nueva.

    Muchas gracias!
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de erick123
    Fecha de Ingreso
    25 oct, 07
    Ubicación
    Huaraz-Perú
    Mensajes
    617
    Poder de Reputación
    24
    aa mira descargate el No me acuerdo xD
    puedes hacerlo con GIF ANIMATOR es un programa que puse en Otros prgramas descargalo sale bien si quieres escripts tmb hay un programa que deje para scripts :D

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22
    muy bien voy a probarlo

    muchas gracias!
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    01 abr, 08
    Mensajes
    163
    Poder de Reputación
    20
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>

    <script language="javascript">
    step=0;
    function autoImgFlip() {
    if (step < 2) {step++;}
    else {step=0;}
    if (step==0)
    {a.src="http://www.aspeurope.com/2008/events08/event_thurso.gif";}
    if (step==1)
    {a.src="http://www.aspworldtour.com/2007/images/events/2008/bbg_tahiti.jpg";}
    setTimeout("autoImgFlip()", 3000);
    if (step==2)
    {a.src="http://www.aspworldtour.com/2007/images/events/2008/lowerspro.jpg";}
    }

    </script>

    <title>Untitled</title>
    </head>

    <BODY bgcolor="#ffffff" TEXT="#000000" link="#0000cd" vlink="#0000cd" alink="#ff0000" onLoad="autoImgFlip();">



    </body>
    </html>

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    01 abr, 08
    Mensajes
    163
    Poder de Reputación
    20
    cambiando el valor 3000 de :

    setTimeout("autoImgFlip()", 3000);



    eliges el tiempo de espera xa cambiar d una imagen a otra.

    puedes agregar mas imagenes (yo tngo puestas 3) o quitar...etc

    espero que te guste :)

  6. #6
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22
    muy buenas!

    lo quiero probar pero claro yo en el body tengo un monton de informacion. Te escribo aqui una de las páginas a ver donde lo pondrias todo esto.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
    <title>MedBen-Arquitectura / Proyectos</title>
    <link rel="stylesheet" href="../comun/estilos/estilo-general.css" type="text/css" media="all">

    <SCRIPT>
    // Array de los meses
    var monthNames = new makeArray(12);
    monthNames[0] = "Enero";
    monthNames[1] = "Febrero";
    monthNames[2] = "Marzo";
    monthNames[3] = "Abril";
    monthNames[4] = "Mayo";
    monthNames[5] = "Junio";
    monthNames[6] = "Julio";
    monthNames[7] = "Agosto";
    monthNames[8] = "Septiembre";
    monthNames[9] = "Octubre";
    monthNames[10] = "Noviembre";
    monthNames[11] = "Diciembre";

    // Array de los días

    var dayNames = new makeArray(7);
    dayNames[0] = "Domingo";
    dayNames[1] = "Lunes";
    dayNames[2] = "Martes";
    dayNames[3] = "Mi&eacute;rcoles";
    dayNames[4] = "Jueves";
    dayNames[5] = "Viernes";
    dayNames[6] = "S&aacute;bado";

    var now = new Date();
    var year = now.getYear();

    if (year < 2000) year = year + 1900;

    function makeArray(len)
    {
    for (var i = 0; i < len; i++) this[i] = null;
    this.length = len;
    }
    </SCRIPT>

    </head>
    <body>

    <div id="global">
    <div id="banner">
    <div id="textobanner">
    <p class="Estilo1">MedBen-Arquitectura</p>


    Web oficial del arquitecto Xavier Medina Benhamú</p>
    </div>
    </div>
    <div id="data">
    <div id="fecha">
    <script language="JavaScript">
    <!--
    document.write( dayNames[now.getDay()] + " " + now.getDate() + " de " + monthNames[now.getMonth()] + " " +" de " + year);
    // -->
    </script>
    </div>
    </div>
    <div id="cuerpo">

    <div id="contenido">


    <p class="titulocontenido">PROYECTO: Escuela agropecuaria y casa de colonias en Gallecs, Mollet del Vallés.</p>


    <p class="contenido">Fuera de las trazas urbanas que definen la ciudad de Mollet, se plantea la creación de una escuela agropecuaria que pueda nutrirse del entorno natural en el cual se encuentra.</p>


    <p class="contenido">La propuesta se basa en crear un edificio "orgánico": como si se tratara de un organismo pluricelular, se va formado a través de la unión de diferentes partes mediante un elemento vertebrador que da acceso a las mismas.</p>


    <p class="contenido">El sistema constructivo pretende unir materiales "naturales" y "artificiales". Unos pórticos de madera laminada forman la retícula del edicifio, cubierto por un gran manto de cobre en pátina, que le otorga un color muy carácteristico al conjunto e intentando integrarse lo máximo possible con el entorno que lo rodea.</p>


    <div id="tabla">
    <script language="JavaScript1.2">
    //Especifica el ancho del slider (en pixels)
    var sliderwidth=620
    //Especifica el alto del slider
    var sliderheight=214
    //Especifica la velocidad del slide (entre 1-10)
    var slidespeed=2
    //Configura el color de fondo:
    slidebgcolor="#EAEAEA"

    //Especifica las imágenes del slider
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='[img]proy_imagenes/proy4-1.jpg[/img]'
    leftrightslide[1]='[img]proy_imagenes/proy4-2.jpg[/img]'
    leftrightslide[2]='[img]proy_imagenes/proy4-3.jpg[/img]'
    leftrightslide[3]='[img]proy_imagenes/proy4-4.jpg[/img]'
    leftrightslide[4]='[img]proy_imagenes/proy4-5.jpg[/img]'


    ////a partir de aqui no modificar nada////////////

    var copyspeed=slidespeed
    leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
    var actualwidth=''
    var cross_slide, ns_slide

    function fillup(){
    if (iedom){
    cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
    cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
    cross_slide.innerHTML=cross_slide2.innerHTML=leftr ightslide
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
    cross_slide2.style.left=actualwidth+20
    }
    else if (document.layers){
    ns_slide=document.ns_slidemenu.document.ns_slideme nu2
    ns_slide2=document.ns_slidemenu.document.ns_slidem enu3
    ns_slide.document.write(leftrightslide)
    ns_slide.document.close()
    actualwidth=ns_slide.document.width
    ns_slide2.left=actualwidth+20
    ns_slide2.document.write(leftrightslide)
    ns_slide2.document.close()
    }
    lefttime=setInterval("slideleft()",30)
    }
    window.onload=fillup

    function slideleft(){
    if (iedom){
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+)
    cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed
    else
    cross_slide.style.left=parseInt(cross_slide2.style .left)+actualwidth+30

    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+)
    cross_slide2.style.left=parseInt(cross_slide2.styl e.left)-copyspeed
    else
    cross_slide2.style.left=parseInt(cross_slide.style .left)+actualwidth+30

    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+)
    ns_slide.left-=copyspeed
    else
    ns_slide.left=ns_slide2.left+actualwidth+30

    if (ns_slide2.left>(actualwidth*(-1)+)
    ns_slide2.left-=copyspeed
    else
    ns_slide2.left=ns_slide.left+actualwidth+30
    }
    }


    if (iedom||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
    if (iedom){
    write('<div style="position:relative;width:'+sliderwidth+';hei ght:'+sliderheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth+';hei ght:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
    write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
    write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
    write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script>
    </div>
    </div>
    <div id="menulat_general">
    <p class="menulat">PERFIL</p>
    <div id="menulat_perfil">
    <ul>
    [*]Noticias
    [*]Currículum
    [*]Contacto
    [/list]
    </div>
    <p class="menulat">PROYECTOS</p>
    <div id="menulat_proyectos">
    <ul>
    [*]Geriátrico en el barrio del Raval, Barcelona
    [*]Viviendas para jóvenes en Poblenou, Barcelona
    [*]Hotel en la Rambla del Raval, Barcelona
    [*]Escuela agropecuaria y casa de colonias en Gallecs, Mollet del Vallés
    [*]Centro para mujeres maltratadas en la Rambla del Raval, Barcelona
    [*]Centro de Investigación en la central térmica "les 3 xemeneies", Sant Adrià del Besós
    [*]Llegada TAV-Nuevo centro en el Prat de Llobregat
    [*]Linea Ferrocarril Valles Oriental - Estacion en La Llagosta, Vallés Oriental
    [*]Maqueta: First Unitarian Church. Louis Kahn
    [/list]
    </div>

    </div>

    </div>
    <div id="publi">


    publicidad tipo Ad-sense o similar</p>
    </div>
    <div id="pie">
    <div id="pie1">
    <p class="Pie">Disseño web: Xavier Medina / Versión 1.0</p>
    </div>
    <div id="pie2">
    <p class="Pie">XAVIER MEDINA BENHAMÚ - Tel: 687.324.279 / e-mail: xavier.medina@coac.net</p>
    </div>

    </div>
    </div>

    </body>
    </html>
    ya veras que hay un script para ver imágenes pero no me gusta nada como queda. A ver que te parece.

    gracias de antemano!

    por cierto, a ver si en el efecto que encontremos pueda clicar sobre la imagen para que luego se abra mas grande en una pantalla nueva (en blanco)
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

Temas Similares

  1. Slider para web jQuery [Imágenes Cambiantes]
    Por johnpeterjp en el foro Otros Elementos
    Respuestas: 2
    Último Mensaje: 06/01/2012, 17:20
  2. script para mover imagenes
    Por paxarin en el foro Scripts
    Respuestas: 1
    Último Mensaje: 23/11/2011, 16:13
  3. Script para desplazar imágenes
    Por codomodragon en el foro Foro General
    Respuestas: 2
    Último Mensaje: 27/01/2011, 22:41

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •