Rotador con Hipervínculos para Imágenes

  • Autor Autor brand_new
  • Fecha de inicio Fecha de inicio
B

brand_new

Zeta
Redactor
Hola señores. Ando buscando a alguien que me ayude con esto. Estoy buscando un rotador de imágenes (ya tengo uno pero no cumple con lo que requiero).
Lo que quiero es que el rotador tenga vínculos, osea no sólo que muestre las imágenes. Cuando se muestre una imagen, que esa imagen tenga un hipervínculo y me lleve a determinada web. Será posible? Me gustaría que me ayudaran con esto, les agradecería mucho.
Espero sus respuestas gracias a todos de antemano.
EDITO: Busco uno que cargue 1 sola imagen cada vez que se recarga la pagina. Osea que abra una imagen por carga. Sry por no especificar eso.
 
Última edición:
Con JCarousel y JQuery se puede hacer.
mmm, te lo explicaría pero es muy largo, mejor checa esta especie de tutorial que hice hace mucho.

PHP: 
http://soycachanilla.com/2010/02/crear-una-galeria-imagenes-con-jquery-jcarousel.html
La única cosa que tendrías que agregar sería meter las imágenes en un < a href....>

JCarusel tiene muchos efectos, solo sería cuestión de escoger el que mas te guste.
 
Yo te puedo ayudar a hacerlo ajustado a lo que necesites en Flash, si te sirve Brand... claro que hay ya muchos que están creados y los puedes comprar por 6-8-10 dólares... Mira aquí:

Enlace eliminado

Enlace eliminado

Saludos
 
Gracias a ambos por sus respuestas. Una pregunta, ambos se pueden integrar a blogger? Me gustaría que fuera jquery mas que flash, debido a que flash es mas pesado (cierto no?) y ya de por si mi sitio web es mu pesado :S
 
Flash no es nada pesado. El rotador de imágenes puede pesar unos 15-20kb... Lo pesado, claro, son las imágenes... Eso da lo mismo donde las pongas...
 
Eskombro dijo:
Flash no es nada pesado. El rotador de imágenes puede pesar unos 15-20kb... Lo pesado, claro, son las imágenes... Eso da lo mismo donde las pongas...
Hacer clic para expandir...

Mira bro tu ke le sabes a eso, ahi te paso el que tengo actualmente:
HTML: 
<script language="JavaScript">
function ver_imagen()
{
n=0;
this[n++]="http://img214.imageshack.us/img214/4025/solonocheredessociales.jpg";
this[n++]="http://img683.imageshack.us/img683/88/futbolenvivosolonoche.jpg";
this[n++]="http://img136.imageshack.us/img136/2194/voyalconciertobanner.jpg";
this[n++]="http://img502.imageshack.us/img502/4025/solonocheredessociales.jpg";
this[n++]="http://img260.imageshack.us/img260/6050/conciertossolonoche.jpg";
this.N=n;
}
var imagen=new ver_imagen();
src= imagen[ Math.floor(Math.random() * imagen.N) ] ;
document.write("<img src="+src+">");
</script>
 
JQuery lo jalas desde la API de Google, JCarousel lo puedes jalar desde algún hosting gratuito.

Flash no lo recomiendo para nada, con JCarousel puedes agregar textos ATL, personalizar cada que se te pegue la gana, Flash es todo un rollo.
 
danielmd dijo:
JQuery lo jalas desde la API de Google, JCarousel lo puedes jalar desde algún hosting gratuito.

Flash no lo recomiendo para nada, con JCarousel puedes agregar textos ATL, personalizar cada que se te pegue la gana, Flash es todo un rollo.
Hacer clic para expandir...

Daniel tu sabes de eso? Ya checaste el code que les pase? Habria una forma de cambiarlo para que me agarre los vinculos? Ojala se pueda. Gracias
 
A ver si te sirve este que acabo de hacer.
HTML: 
<script language="Javascript">
var imagen = new Array();
imagen[0] = new Array('http://img502.imageshack.us/img502/4025/solonocheredessociales.jpg','http://google.com/');
imagen[1] = new Array('http://img683.imageshack.us/img683/88/futbolenvivosolonoche.jpg','http://soycachanilla.com/');
imagen[2] = new Array('http://img260.imageshack.us/img260/6050/conciertossolonoche.jpg','http://disney.com/');
imagen[3] = new Array('http://img502.imageshack.us/img502/4025/solonocheredessociales.jpg','http://elcubodedonalu.com/');
imagen[4] = new Array('http://img136.imageshack.us/img136/2194/voyalconciertobanner.jpg','http://supertangas.com/');
var posicion = Math.round(Math.random()*4);
document.write("<a href="+imagen[posicion][1]+"><img src="+imagen[posicion][0]+" /></a>");
</script>

Trate de hacer mas SEO con esto, pero parece que no funciona, le agregue las etiquetas title a los links y alt a las imagenes, pero no aparece el texto completo. Que raro.

HTML: 
<script language="Javascript">
var imagen = new Array();
imagen[0] = new Array('http://img502.imageshack.us/img502/4025/solonocheredessociales.jpg','http://google.com/','El buscador que lo encuentra todo');
imagen[1] = new Array('http://img683.imageshack.us/img683/88/futbolenvivosolonoche.jpg','http://soycachanilla.com/','El blog de daniel');
imagen[2] = new Array('http://img260.imageshack.us/img260/6050/conciertossolonoche.jpg','http://disney.com/','Pagina porkis con animales y todo eso');
imagen[3] = new Array('http://img502.imageshack.us/img502/4025/solonocheredessociales.jpg','http://elcubodedonalu.com/','Sabe');
imagen[4] = new Array('http://img136.imageshack.us/img136/2194/voyalconciertobanner.jpg','http://supertangas.com/','Pagina de entretenimiento');
var posicion = Math.round(Math.random()*4);
document.write("<a title="+imagen[posicion][2]+" href="+imagen[posicion][1]+"><img src="+imagen[posicion][0]+" /></a>");
</script>

Apara agregar el texto alt sería poner otra coma y otro texto entre comillas en cada posición y se llamaría con la variable imagen[posicion][3]

Si alguien sabe porque no jala todo el texto completo, avisa 😛
 
Última edición:
Yo tengo lo que buscas te lo puedo pasar y ya si me quieres donar algo sera bien recibido y si no ps no importa, te va a gustar creeme
 
Puedes mirar también en FFiles.com

Saludos
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

K
Duda sobre eliminación de hipervínculos en imágenes
Respuestas
3
Visitas
751
Korta
K
Atrás
Arriba