Autor Tema: [ayuda] como hacer que pasen las imagenes  (Leído 1277 veces)

Desconectado edgarmoreno2

  • PHPer@ Fijo
  • ***
  • Mensajes: 140
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
    • FANFMRADIO
[ayuda] como hacer que pasen las imagenes
« en: 01 de Noviembre de 2011, 23:10:55 pm »
Hola buenas phperos necesto vuestra ayuda para mi proyecto, necesito saber como hacer que pasen unas imágenes en mi web osea que primero salga una, a las 5 segundos salga otra mas tarde otra a si todas las que ponga yo y si pinchas en ellas te lleven donde este el link puesto no se si me entenderéis :) espero que si

espero que me podais ayudar
Saludos

Comunidad PHPeros

[ayuda] como hacer que pasen las imagenes
« en: 01 de Noviembre de 2011, 23:10:55 pm »

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #1 en: 02 de Noviembre de 2011, 00:27:48 am »
No se si estoy en lo cierto pero creo que se le llaman SlideShow
Con jQuery se puede hacer muy simple.
Saludos.
Twitter: @JoakoM010



Desconectado edgarmoreno2

  • PHPer@ Fijo
  • ***
  • Mensajes: 140
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
    • FANFMRADIO
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #2 en: 02 de Noviembre de 2011, 00:58:19 am »
si me puedes echar una mano te lo agradecería mucho :)

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #3 en: 02 de Noviembre de 2011, 02:03:15 am »
si me puedes echar una mano te lo agradecería mucho :)

Eso dependería del efecto. Si fuera "fade" (Desvanecedor) me imagino divs encima de otras y que al culminar un intervalo de tiempo vaya desapareciendo la de arriba y mostrando la de abajo, seria cosa de ir intentando.

Saludos.
Twitter: @JoakoM010



Desconectado reef

  • PHPer@ Fijo
  • ***
  • Mensajes: 180
  • Karma: 4
  • Sexo: Masculino
  • Todo un skater
    • Ver Perfil
    • Donreef ~ TagBoard
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #4 en: 02 de Noviembre de 2011, 04:19:35 am »
Código: [Seleccionar]
<script language="JavaScript" type="text/javascript">

   var imagen1 = 1;

   var RotatingImage1_Images = new Array(5);
   RotatingImage1_Images[1] = "imagesnes/lala.png";
   RotatingImage1_Images[2] = "imagesnes/lala.png";

   var RotatingImage1_URLs = new Array(5);
   RotatingImage1_URLs[1] = "http://www.link.com";
   RotatingImage1_URLs[2] = "http://www.link.com";

   var RotatingImage1_Targets = new Array(5);
   RotatingImage1_Targets[1] = "_blank";
   RotatingImage1_Targets[2] = "_blank";

   function RotatingImage1ShowNext()
   {
      RotatingImage1_Index = RotatingImage1_Index + 1;
      if (RotatingImage1_Index > 5)
         RotatingImage1_Index = 1;
      eval("document.RotatingImage1.src = RotatingImage1_Images[" + RotatingImage1_Index + "]");
      setTimeout("RotatingImage1ShowNext();", 1000);
   }

   function onRotatingImage1Click()
   {
      if (RotatingImage1_Targets[RotatingImage1_Index] == "")
      {
         targetwin = "_self";
      }
      else
      {
         targetwin = RotatingImage1_Targets[RotatingImage1_Index];
      }
      eval("window.open(url = RotatingImage1_URLs[" + RotatingImage1_Index + "],'" + targetwin +"');");
   }
</script>
Código: [Seleccionar]
<? $azar = rand(1,2);
if($azar == 1) {
$imagen = "imagen/lala.png";
$url = "http://link.com";
}elseif($azar == 2) {
$image = "imagen/lala.png";
$url = "http://link.com";
}?>
Con esto haces la funcion para que la imagen valla rotando y editas las imagenes y los links y en donde tu quieres que salga pones lo siguiente:
Código: [Seleccionar]
<a href="<?=$url;?>" target="_blank"><img src="<?=$image;?>" id="RotatingImage1" border="0" align="top" alt="" width="400" height="150" name="RotatingImage1"></a>Obviamente hay maneras mas cortas, ahora este codigo yo no lo hice, lo eh sacado de un source, para dartelo debido a que yo en cuanto a javascript recien estoy empezando al 100% para entenderlo, pero si itenes alguna duda, igual me puedes preguntar ya que entiendo el codigo, ojalas te allá ayudado.

Desconectado edgarmoreno2

  • PHPer@ Fijo
  • ***
  • Mensajes: 140
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
    • FANFMRADIO
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #5 en: 02 de Noviembre de 2011, 14:36:46 pm »
lo siento pero no me funciona ninguno :( no se si me puedes echar una mano ;)
« Última modificación: 02 de Noviembre de 2011, 20:04:13 pm por edgarmoreno2 »

Desconectado edgarmoreno2

  • PHPer@ Fijo
  • ***
  • Mensajes: 140
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
    • FANFMRADIO
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #6 en: 02 de Noviembre de 2011, 20:05:04 pm »
sorry por doble post pero algo parecido a esto es lo que quiero hacer

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #7 en: 02 de Noviembre de 2011, 21:01:14 pm »
sorry por doble post pero algo parecido a esto es lo que quiero hacer

Eso es un "accordion" acá hay varios:

http://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/


Desconectado edgarmoreno2

  • PHPer@ Fijo
  • ***
  • Mensajes: 140
  • Karma: 2
  • Sexo: Masculino
    • Ver Perfil
    • FANFMRADIO
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #8 en: 02 de Noviembre de 2011, 21:35:53 pm »
si pero no quiero lo mismo quiero algo parecido osea que no se pasen asi pansen solas y todo eso no se si me explico, como lo que tenia habbos antes nose si lo tiene ahora para los nuevos anuncios arriba!

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[ayuda] como hacer que pasen las imagenes
« Respuesta #9 en: 02 de Noviembre de 2011, 21:51:32 pm »
si pero no quiero lo mismo quiero algo parecido osea que no se pasen asi pansen solas y todo eso no se si me explico, como lo que tenia habbos antes nose si lo tiene ahora para los nuevos anuncios arriba!

Como ya dije, se le llama Slideshow.
Twitter: @JoakoM010