Foros del Web » Programando para Internet » Javascript »

modificar galeria de fotos

Estas en el tema de modificar galeria de fotos en el foro de Javascript en Foros del Web. Hola encontré este script en las FAQ Cita: <script language="JavaScript"> <!-- var viewPix = new Array("http://www.tusitio.com/tuimagen.png","http://www.tusitio.com/tuimagen2.png","http://www.tusitio.com/tuimagen3.png") var thisImage = 0 function doPast() { if (document.images ...
  #1 (permalink)  
Antiguo 15/02/2007, 15:52
Avatar de causita  
Fecha de Ingreso: mayo-2002
Ubicación: Lima-Perú
Mensajes: 2.043
Antigüedad: 22 años
Puntos: 8
Exclamación modificar galeria de fotos

Hola encontré este script en las FAQ
Cita:
<script language="JavaScript">
<!--
var viewPix = new Array("http://www.tusitio.com/tuimagen.png","http://www.tusitio.com/tuimagen2.png","http://www.tusitio.com/tuimagen3.png")

var thisImage = 0

function doPast() {
if (document.images && thisImage > 0) {
thisImage--
document.myShow.src=viewPix[thisImage]
}
}
function doAfter() {
if (document.images && thisImage < 2) {
thisImage++
document.myShow.src=viewPix[thisImage]
}
}
// -->
</script>
<div align="center"><img name="myShow" src="http://www.tusitio.com/tuimagen.png" width="468" height="60"><br><a href="javascript:doPast()">Anterior</a> <a href="javascript:doAfter()">Siguiente</a></div>
Sucede que tengo las imágenes 1.jpg y 2.jpg de 200*100 pxls y las imágenes 3.jpg y 4.jpg de 100*200, pero al presionar "siguiente" y "anterior" todas se muestran con la mima medida (en el script está definido con 468*60 pxls) y se deforman las imágenes.

Lo q quiero es q las imágenes conserven sus medidas o sino darles las medidas proporcionales para q no se deformen.

Espero haya sido claro y alguien pueda ayudarme.

Gracias
__________________
|| no hay pregunta tonta....lo q hay son tontos q no preguntan || d-.-b

El Causita
  #2 (permalink)  
Antiguo 16/02/2007, 02:06
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: modificar galeria de fotos

Hola causita

No he probado este código, pero espero que funcione:

Código:
<script language="JavaScript">
<!--
var viewPix = new Array("http://www.tusitio.com/tuimagen.png","http://www.tusitio.com/tuimagen2.png","http://www.tusitio.com/tuimagen3.png")
var tamano = new Array('200x100','200x100','100x200');
var thisImage = 0

function doPast() {
if (document.images && thisImage > 0) {
thisImage--
document.myShow.src=viewPix[thisImage]
document.myShow.style.width = tamano[thisImage].split('x')[0] + 'px';
document.myShow.style.height = tamano[thisImage].split('x')[1] + 'px';
}
}
Saludos,
  #3 (permalink)  
Antiguo 16/02/2007, 15:09
Avatar de causita  
Fecha de Ingreso: mayo-2002
Ubicación: Lima-Perú
Mensajes: 2.043
Antigüedad: 22 años
Puntos: 8
Re: modificar galeria de fotos

no estoy seguro si lo hice bien pero el código lo completé asi
Cita:
<html>
<head>
</head>
<body>
<script language="JavaScript">
<!--
var viewPix = new Array("1.jpg","2.jpg")
var tamano = new Array('200x100','100x200');
var thisImage = 0

function doPast() {
if (document.images && thisImage > 0) {
thisImage--
document.myShow.src=viewPix[thisImage]
document.myShow.style.width = tamano[thisImage].split('x')[0] + 'px';
document.myShow.style.height = tamano[thisImage].split('x')[1] + 'px';
}
}
function doAfter() {
if (document.images && thisImage < 2) {
thisImage++
document.myShow.src=viewPix[thisImage]
}
}
// -->
</script>
<div align="center"><img name="myShow" src="2.jpg" width="100" height="200"><br><a

href="javascript:doPast()">Anterior</a> <a

href="javascript:doAfter()">Siguiente</a></div>
</body>
</html>
pero no me funciona bien

Gracias x la ayuda
__________________
|| no hay pregunta tonta....lo q hay son tontos q no preguntan || d-.-b

El Causita
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 17:43.