Banner imágenes enlazadas

Si te has metido en el mundo del diseño de páginas webs y no sabes por dónde empezar y dudas entre los programas a utilizar (Dreamweaver, Flash ...) pregunta aquí mismo. ¿Tienes alguna técnica novedosa que pueda ayudar a otros webmasters? Aquí también puedes demostrar tus habilidades!
Avatar de Usuario
Xtreme
Mensajes: 1023
Registrado: 13 Dic 2009 23:47
Contactar:

Banner imágenes enlazadas

Mensaje por Xtreme »

Hola, para variar vengo a pediros un pelín de ayuda.

El caso es que quiero hacer una zona a la derecha de mi blog que vaya haciendo un pase de banner de webs amigas (por supuesto pongo mundobip si queréis) y que las imágenes que vayan pasando en la transición dirijan a lás páginas del banner correspondiente. ¿Alguna idea de como podría hacerlo?
Me suena que con javascript podría hacerse, pero no se casi nada :S

Un saludo
[equipo]Sobremesa jugón|Intel Core 2 Q8200 @2.8|Asus Maximus Formula|2x2gb Samsung Drr2 667@800|AMD 6870 xfx OC|||Thermaltake isgc 300||Nox coolbay W|Creative soundblaster|Windows 7 Ultimate|||Logitech g400||[/equipo]
Avatar de Usuario
Zoltelder
Mensajes: 4727
Registrado: 02 Feb 2007 19:59
Ubicación: Badajoz

Re: Banner imágenes enlazadas

Mensaje por Zoltelder »

Mira en la página principal de mundobip a la derecha en la sección patrocinadores a ver si es eso lo que querrías
Icono de PC  PC Gamer Desplegar firma
  • Procesador
    Intel i5 750 3.8GHz
  • Placa base
    Asus P7P55D PRO
  • RAM
    GSkill Trident 4GB 1600Mhz
  • Tarjeta gráfica
    Gigabyte 5850
  • Disco Duro
    SSD Crucial M4 128GB / WD CB 1TB / WD CB 500GB
  • Unidad Óptica
    -
  • Refrigeración
    Noctua NH-U12P SE2
  • Fuente alimentación
    Corsair HX 650
  • Caja
    Antec Twelve Hundred
  • Sonido
    Creative X-Fi Titanium
  • Sistema operativo
    Windows 7 Ultimate 64 bits
  • Monitor
    LG W2453V-PF
  • Teclado
    Logitech Wave
  • Ratón
    Logitech G9x
  • Otros
    Sennheiser PC350
  • Otros
    -
Ocultar
Avatar de Usuario
Xtreme
Mensajes: 1023
Registrado: 13 Dic 2009 23:47
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Xtreme »

Eso me vendría perfecto, ni lo había visto porque la página que tengo en favoritos es directamente la del foro jajaja
[equipo]Sobremesa jugón|Intel Core 2 Q8200 @2.8|Asus Maximus Formula|2x2gb Samsung Drr2 667@800|AMD 6870 xfx OC|||Thermaltake isgc 300||Nox coolbay W|Creative soundblaster|Windows 7 Ultimate|||Logitech g400||[/equipo]
Avatar de Usuario
Zoltelder
Mensajes: 4727
Registrado: 02 Feb 2007 19:59
Ubicación: Badajoz

Re: Banner imágenes enlazadas

Mensaje por Zoltelder »

Busca rotación de banners, sacarás algo. Igualmente Ghost quizás pueda ayudarte
Icono de PC  PC Gamer Desplegar firma
  • Procesador
    Intel i5 750 3.8GHz
  • Placa base
    Asus P7P55D PRO
  • RAM
    GSkill Trident 4GB 1600Mhz
  • Tarjeta gráfica
    Gigabyte 5850
  • Disco Duro
    SSD Crucial M4 128GB / WD CB 1TB / WD CB 500GB
  • Unidad Óptica
    -
  • Refrigeración
    Noctua NH-U12P SE2
  • Fuente alimentación
    Corsair HX 650
  • Caja
    Antec Twelve Hundred
  • Sonido
    Creative X-Fi Titanium
  • Sistema operativo
    Windows 7 Ultimate 64 bits
  • Monitor
    LG W2453V-PF
  • Teclado
    Logitech Wave
  • Ratón
    Logitech G9x
  • Otros
    Sennheiser PC350
  • Otros
    -
Ocultar
Avatar de Usuario
Xtreme
Mensajes: 1023
Registrado: 13 Dic 2009 23:47
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Xtreme »

Si, saqué algo la verdad, muchas gracias zolt jajaja
[equipo]Sobremesa jugón|Intel Core 2 Q8200 @2.8|Asus Maximus Formula|2x2gb Samsung Drr2 667@800|AMD 6870 xfx OC|||Thermaltake isgc 300||Nox coolbay W|Creative soundblaster|Windows 7 Ultimate|||Logitech g400||[/equipo]
Avatar de Usuario
Ghost
Site Admin
Mensajes: 6344
Registrado: 16 Ene 2007 23:18
Ubicación: Planeta Tierra
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Ghost »

Hola,

Para el scroll de la home se utiliza una función javascript:

Código: Seleccionar todo

i = 0
var speed = 0.7
function scroll() {
i = i + speed
var div = document.getElementById("providers")
div.scrollTop = i
if (i > div.scrollHeight - 160) {i = 0}
t1=setTimeout("scroll()",30)
}
Luego al cargar el body hay que poner:

Código: Seleccionar todo

<body onload="scroll()">
Finalmente meter lo que quieres desplazar en una capa con:

Código: Seleccionar todo

<div onmouseover="clearTimeout(t1)" onmouseout="scroll()">
Creo que no se me olvida nada.
Icono de PC  Equipo de pruebas Desplegar firma
  • Procesador
    Intel Core i7 3820@4.5Ghz
  • Placa base
    ASUS Rampage IV Formula
  • RAM
    16Gb Corsair Dominator Platinum 2133Mhz
  • Tarjeta gráfica
    AMD Radeon HD 7970 3Gb
  • Disco Duro
    Seagate 2Tb
  • Unidad Óptica
    Liteon I-HAS 124B
  • Refrigeración
    Corsair H110
  • Fuente alimentación
    Corsair AX860i
  • Caja
    NZXT Switch 810
  • Sonido
    Creative X-FI Platinum HD
  • Sistema operativo
    Windows 7 64bits
  • Monitor
    Dell U2412P
  • Teclado
    Corsair K90
  • Ratón
    SteelSeries XAI
  • Otros
    SteelSeries 5H V2
  • Otros
    Corsair Neutron GTX 240Gb
Ocultar
Avatar de Usuario
Xtreme
Mensajes: 1023
Registrado: 13 Dic 2009 23:47
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Xtreme »

Perdona mi ignorancia pero, ¿donde le dices las url e imagenes que quieres poner?
[equipo]Sobremesa jugón|Intel Core 2 Q8200 @2.8|Asus Maximus Formula|2x2gb Samsung Drr2 667@800|AMD 6870 xfx OC|||Thermaltake isgc 300||Nox coolbay W|Creative soundblaster|Windows 7 Ultimate|||Logitech g400||[/equipo]
Avatar de Usuario
Ghost
Site Admin
Mensajes: 6344
Registrado: 16 Ene 2007 23:18
Ubicación: Planeta Tierra
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Ghost »

Dentro de la capa, es decir:

Código: Seleccionar todo

<div onmouseover="clearTimeout(t1)" onmouseout="scroll()">
<img src="urldelaimagen"><br />
<img src="urldelaimagen2"><br />
</div>
Icono de PC  Equipo de pruebas Desplegar firma
  • Procesador
    Intel Core i7 3820@4.5Ghz
  • Placa base
    ASUS Rampage IV Formula
  • RAM
    16Gb Corsair Dominator Platinum 2133Mhz
  • Tarjeta gráfica
    AMD Radeon HD 7970 3Gb
  • Disco Duro
    Seagate 2Tb
  • Unidad Óptica
    Liteon I-HAS 124B
  • Refrigeración
    Corsair H110
  • Fuente alimentación
    Corsair AX860i
  • Caja
    NZXT Switch 810
  • Sonido
    Creative X-FI Platinum HD
  • Sistema operativo
    Windows 7 64bits
  • Monitor
    Dell U2412P
  • Teclado
    Corsair K90
  • Ratón
    SteelSeries XAI
  • Otros
    SteelSeries 5H V2
  • Otros
    Corsair Neutron GTX 240Gb
Ocultar
Avatar de Usuario
Xtreme
Mensajes: 1023
Registrado: 13 Dic 2009 23:47
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Xtreme »

Perfecto,¿las capas deben ir dentro de <script></script>?

Según entiendo es t1 una variable, ¿necesito crear una para cada url que quiera enlazar? ¿ Queréis que enlace a mundobip también?

Siento ser tan preguntón, pero quien no pregunta no aprende.
[equipo]Sobremesa jugón|Intel Core 2 Q8200 @2.8|Asus Maximus Formula|2x2gb Samsung Drr2 667@800|AMD 6870 xfx OC|||Thermaltake isgc 300||Nox coolbay W|Creative soundblaster|Windows 7 Ultimate|||Logitech g400||[/equipo]
Avatar de Usuario
Ghost
Site Admin
Mensajes: 6344
Registrado: 16 Ene 2007 23:18
Ubicación: Planeta Tierra
Contactar:

Re: Banner imágenes enlazadas

Mensaje por Ghost »

Lo del t1 no tengo claro porqué está ahí, he estado buscando en el código fuente y podría tratarse de algún residuo de algo :p. Tengo que investigarlo más a fondo.

La capa no debe ir dentro del <script> es algo aparte. Echa un vistazo al código fuente de la home de Mundobip y quizá lo veas más claro. (El javascript está un fichero externo).
Icono de PC  Equipo de pruebas Desplegar firma
  • Procesador
    Intel Core i7 3820@4.5Ghz
  • Placa base
    ASUS Rampage IV Formula
  • RAM
    16Gb Corsair Dominator Platinum 2133Mhz
  • Tarjeta gráfica
    AMD Radeon HD 7970 3Gb
  • Disco Duro
    Seagate 2Tb
  • Unidad Óptica
    Liteon I-HAS 124B
  • Refrigeración
    Corsair H110
  • Fuente alimentación
    Corsair AX860i
  • Caja
    NZXT Switch 810
  • Sonido
    Creative X-FI Platinum HD
  • Sistema operativo
    Windows 7 64bits
  • Monitor
    Dell U2412P
  • Teclado
    Corsair K90
  • Ratón
    SteelSeries XAI
  • Otros
    SteelSeries 5H V2
  • Otros
    Corsair Neutron GTX 240Gb
Ocultar
Responder