Foros del Web » Programando para Internet » Javascript »

Como le hago aqui?

Estas en el tema de Como le hago aqui? en el foro de Javascript en Foros del Web. Bueno es simple la pregunta en este sitio hay un tuto de un visor de imagenes http://www.disegnocentell.com.ar/notas2.php?id=99 Aca la vista previa del ejemplo funcionando http://disegnocentell.com.ar/new/eje...sordefotos.htm ...
  #1 (permalink)  
Antiguo 27/05/2010, 20:24
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 14 años, 10 meses
Puntos: 1
Como le hago aqui?

Bueno es simple la pregunta

en este sitio hay un tuto de un visor de imagenes

http://www.disegnocentell.com.ar/notas2.php?id=99

Aca la vista previa del ejemplo funcionando

http://disegnocentell.com.ar/new/eje...sordefotos.htm

Aca el codigo

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<
html
<
head
<
title>Visor de Fotos</title
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
<
script>  
var 
directorio="";  
var 
indice=0;  
var 
miarray=new Array("img01.jpg","img02.jpg","img03.jpg");  
var 
miarray_txt=new Array("detalle imagen uno","detalle imagen dos","detalle imagen tres");  
function 
precarga(){  
for(
i=0;i<miarray.length;i++){  
eval(
"imagen"+i+"=new Image();");  
eval(
"imagen"+i+".src=" "\"" +directorio+miarray[i]+"\";");  
}  
}  
function 
cambia(como){  
if(
como=='menos'){  
indice--;}else{indice++;}  
if (
indice 0indice miarray.length 1;  
if (
indice miarray.length-1indice 0;  
document.getElementById("cama").src=directorio+miarray[indice];  
document.getElementById('leyenda').firstChild.nodeValue = (indice+1) + " de " miarray.length;  
document.getElementById('epi').innerHTML=miarray_txt[indice];  
}  
</script>  

</head> 

<body> 
<div align="left" style="width:200px;"><a href="javascript:cambia('menos')"><img src="atras_galeria.jpg" width="17" height="17" border="0" align="absbottom"></a><strong><div id="leyenda" style="display:inline; color:#FF8000;font-family:Verdana, Arial, Sans-Serif;font-size:8pt;font-weight:bold;margin:4px;padding:4px;text-align:center">1 de 3</div></strong><a href="javascript:cambia('mas')"><img src="adelante_galeria.jpg" width="17" height="17" border="0" align="absbottom"></a></div><br> 
>precarga();</script> 
<img src="img01.jpg" id="cama" name="cama"><br><br> 
<div id="epi" style="color:#999999;font-family:Verdana, Arial, Sans-Serif;font-size:9px;font-weight:normal;text-align:left">detalle imagen uno</div> 
</body> 
</html> 

Ahora mi pregunta...

Este visor de imagenes solo muestras las imagenes thumb-....


yo quiero mostrar las imagenes thumb como bien lo hace aqui pero quiero mostrar tambien un enlace a la imagen full lo cual no hace...

alguien me dice como puedo hacer para que este visor no solo muestre la imagen thumb sino que tambien muestre la imagen full?
  #2 (permalink)  
Antiguo 28/05/2010, 00:14
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Como le hago aqui?

Hola:

Espero que el amigo que hizo la página (buen colaborador de estos foros), se pase a ayudar, pero tal vez te baste con algún botón que ponga ampliar, y simplemente abra una ventana con la foto:

<button type="button" onclick="window.open('\directorio_de_ampliadas\' + miarray[indice])">ampliar</button>

Aunque tal vez quieras ampliarla pinchando sobre la imagen, o ampliarla de otra forma...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 28/05/2010, 08:59
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 14 años, 10 meses
Puntos: 1
Respuesta: Como le hago aqui?

Bueno en realidad querria abrir la foto en grande al hacer clic sobre ella

Pero no se como hacerle
  #4 (permalink)  
Antiguo 28/05/2010, 17:11
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 14 años, 10 meses
Puntos: 1
Respuesta: Como le hago aqui?

uff nadie me da una mano?

quise usar el array este

var miarray_txt=new Array("detalle imagen uno","detalle imagen dos","detalle imagen tres");

usandolo en ves de texto con urls pero no se como agregar el enlace...

nadie me da una mano?

o algun script parecido?
  #5 (permalink)  
Antiguo 29/05/2010, 05:20
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Como le hago aqui?

Hola

A ver que te parece este otro

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <script type="text/javascript">
  5. var ns4 = (document.layers)? true:false
  6. var ie4 = (document.all)? true:false
  7. var ns6 = (document.getElementById)? true:false
  8. var imagenDefecto="./iconos/blank.gif";
  9. var b=0;
  10. var noticiero=new Array();
  11. noticiero[0] = new noticia("./iconos/img1.gif","Destacado en CAZA","Caza de patos en Argentina<br/ ><br/ >","La caza de migratorias en Argentina es una de las mejores opciones para disfrutar de una modalidad que levanta pasiones entre sus practicantes. En este documental podemos disfrutar de un destino agradable y de unas tiradas espectaculares.","./unapagina.asp");
  12. noticiero[1] = new noticia("[NO PHOTO]","Destacado en CAZA","Perros de muestra<br/ ><br/ >","Este documental, llegar&aacute; a ser un cl&aacute;sico del perro de muestra. Nos ense&ntilde;a los modos y maneras del amplio abanico de especies con las que actualmente suele cazar el cazador europeo.","./unapagina.asp");
  13. noticiero[2] = new noticia("./iconos/img1.gif","Destacado en CAZA","Conejos en Torremolina<br/ ><br/ >","Este documental, nos muestra que hoy en d&iacute;a 'ir a conejos' es sin&oacute;nimo de una buena percha. La plaga de este lagomorfo, invade nuestros campos. ¡Pero vendita plaga!","./unapagina.asp");
  14. noticiero[3] = new noticia("./iconos/img1.gif","Destacado en CAZA","Caza selectiva de muflones y corzos<br/ ><br/ >","Muflones y corzos son los elegidos para la realizaci&oacute;n de este documental, Una serie de lances de bella factura en una moda lid, cada vez m&aacute;s necesaria para la buena gesti&oacute;n de nuestros montes y sierras.","./unapagina.asp");
  15. noticiero[4] = new noticia("./iconos/img1.gif","Destacado en CAZA","Jabal&iacute;es con luna nueva<br/ ><br/ >","La influencia de la luna en la caza mayor determina los ritmos del campo. La nueva, es la esperada y con ella nos vamos al monte a filmar algunos lances en espera.","./unapagina.asp");
  16. noticiero[5] = new noticia("./iconos/img1.gif","Destacado en CAZA","De perdices morunas, en los volcanes de Lanzarote<br/ ><br/ >","Este es uno de aquellos documentales que no deben faltar en cualquier colección cinegética. Esta africana, se pasea como dueña y señora de la roca volcánica, su caza es apasionante y su astucia sobradamente conocida.  A esto, tenemos que añadir el exquisito tratamiento cinegético que Vicente Amat da a sus documentales.","./unapagina.asp");
  17. noticiero[6] = new noticia("./iconos/img1.gif","Destacado en CAZA","De codornices por vegas y páramos<br/ ><br/ >","Cuando cazamos entre vegas y páramos, a la codorniz no se la caza, se la persigue. Y este excepcional documental de caza a esta pequeña migratoria que nos muestra una de las modalidades  cinegéticas más arraigadas sobre una de las aves que más pasiones levanta entre los cazadores de menor.","./unapagina.asp");
  18. noticiero[7] = new noticia("./iconos/img1.gif","Destacado en CAZA","Perdices en mano<br/ ><br/ >","La patiroja, es la protagonista de este documental. De la mano de buenos aficionados, veremos una jornada de caza a la reina de nuestros campos, y como nunca falta perro listo ni escopeta ligera, seguro pasaremos unos buenos momentos cinegéticos.","./unapagina.asp");
  19. noticiero[8] = new noticia("./iconos/img1.gif","Destacado en CAZA","Caza menor en mano<br/ ><br/ >","'Cazador absoluto, buenas piernas y pocos cartuchos', este refrán popular describe a la perfección el buen hacer de la cuadrilla de este reportaje. En el veremos lances a tenazón, tiros largos y sobre todo una mano bien dada.");
  20. noticiero[9] = new noticia("./iconos/img1.gif","Destacado en CAZA","Batida de jabalíes en los Yébenes<br/ ><br/ >","El vocablo 'Y&eacute;benes' proviene de la palabra árabe 'yebel', que significa 'monte', quizás porque esta villa cazadora de mayor y menor, se ubica en el extremo oriental de los Montes de Toledo. Escenario de este documental, que nos narra excelentemente como se desarrolla una batida al jabalí en la zona más serrana de Castilla La Mancha.","./unapagina.asp");
  21.  
  22.  
  23. function noticia(imagen,titulo,titulo2,sinopsis,enlace){
  24.       this.imagen = (!(imagen.indexOf('[NO PHOTO]'))) ? imagenDefecto : imagen;
  25.                     this.titulo = titulo;
  26.                     this.titulo2 = titulo2;
  27.                     this.sinopsis = sinopsis;
  28.                     this.enlace = enlace;
  29. }
  30.  
  31. function obj(x){
  32.     if (ns6)
  33.     {
  34.     return document.getElementById(x);
  35.     }
  36.     else if (ie4)
  37.     {
  38.     return document.all[x];
  39.     }
  40.     else if (ns4)
  41.     {
  42.     return document.layers[x];
  43.     }
  44.     else
  45.     {
  46.     return null;
  47.     }
  48. }
  49.  
  50.  
  51. function mostrar(a){
  52. if (a == 'final') {
  53. a = noticiero.length-1;
  54. }
  55.     obj("imagen_noticia").src=noticiero[a].imagen;
  56.     obj("titulo_noticia").innerHTML=noticiero[a].titulo;
  57.     obj("titulo2_noticia").innerHTML=noticiero[a].titulo2;
  58.     obj("sinopsis_noticia").innerHTML=noticiero[a].sinopsis;
  59.     obj("enlace").href=noticiero[a].enlace
  60. b = a;
  61. }
  62.  
  63.  
  64. function cambiar(incr){
  65. b=(noticiero.length>b+incr)?b+incr:0;
  66.     if(b==-1){
  67.         b=noticiero.length-1;
  68.     }
  69.     mostrar(b);
  70. }
  71.  
  72.  
  73. </script>
  74. <style>
  75. #imagen_noticia{
  76.     float:left;
  77.     padding-right: 10px;
  78. }
  79. </style>
  80. </head>
  81. <body onLoad="mostrar(0);">
  82. <table width="665px" border="1px" cellpadding="0" cellspacing="0">
  83. <tr height="200px">
  84. <td width="665px" align="left" valign="top" bgcolor="#FFFFFF" class="caja_caza">
  85. <div id="cuadro"><img src="" id="imagen_noticia" />
  86. <h1 id="titulo_noticia"></h1>
  87. <div id="titulo2_noticia"></div>
  88. <a href="" id="enlace"><div id="sinopsis_noticia"></div></a>
  89. </div>
  90. </td>
  91. </tr>
  92. <tr>
  93. <td><a href="#" onClick="mostrar(0);">Primero</a> | <a href="#" onClick="cambiar(-1);">Anterior</a> | <a href="#" onClick="cambiar(1);">Siguiente</a> | <a href="#" onClick="mostrar('final');">&Uacute;ltimo</a></td>
  94. </tr>
  95. </table>
  96.  
  97. </body>
  98.  </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #6 (permalink)  
Antiguo 29/05/2010, 09:26
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 14 años, 10 meses
Puntos: 1
Respuesta: Como le hago aqui?

Hola Adler gracias por tu respuesta.

Esta bueno el ejemplo que me has pasado la verdad no usare este ejemplo pero en el puedo tratar de adivinar como hacer para crear un link...

Osea no lo usare por el tema que necesito tener un menu tipo asi en el visor

<< 1 de 4 >>

y este es diferente pero posiblemente pueda tomar lo que me hace falta para darle el enlace al script que sigo yo

uff ojala pueda concluir algun dia la idea

bienvenido sea todo tipo de ayuda
  #7 (permalink)  
Antiguo 29/05/2010, 13:06
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Como le hago aqui?

Hola

Esa era el punto. Que lo estudiaras y te diera la idea de como hacerlo

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #8 (permalink)  
Antiguo 29/05/2010, 13:15
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 14 años, 10 meses
Puntos: 1
Respuesta: Como le hago aqui?

bueno pues me sera de ayuda seguro.

Dentro de un rato me pondre tranquilo haber si tengo suerte...

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:13.