Foros del Web » Programando para Internet » Javascript »

pageflip con js

Estas en el tema de pageflip con js en el foro de Javascript en Foros del Web. hola amigos encontre este pageflip en la internet y por mas que he tratado de hacerlo mas grande y centrado no he podido agradeceria alguien ...
  #1 (permalink)  
Antiguo 04/06/2009, 23:54
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 17 años
Puntos: 4
pageflip con js

hola amigos

encontre este pageflip en la internet
y por mas que he tratado de hacerlo mas grande y centrado no he podido

agradeceria alguien me diese una mano para lograr mi objetivo


Gracias


he probado cambiando medidas en
var $pageheight = 189;
var $pagewidth = 146;

asi como en el css
__________________
Julita Borda Hokama
a lo mejor esto ayuda
  #2 (permalink)  
Antiguo 06/06/2009, 20:56
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 17 años
Puntos: 4
Respuesta: pageflip con js

perdonen amigos olvide el enlace

http://grupogba.com/xxx/

ahi he subido el ejemplo que encontre de un pageflip hecho con js

agradeceria quien me pudiese orientar para conseguir colocarlo en medio de la pagina y hacerlo de tamaño grande adaptable a la pantalla comosi fuese hecho en el mismo flash


Gracias
__________________
Julita Borda Hokama
a lo mejor esto ayuda
  #3 (permalink)  
Antiguo 07/06/2009, 10:29
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 19 años, 6 meses
Puntos: 10
Respuesta: pageflip con js

Hola

Para centrarlo sólo tienes que cambiar este estilo:

div#turner {
/*float:left;*/ eliminar esto
margin: 0 auto; /*colocar esto*/
padding-top:11px;
width:302px;
height:210px;
position:relative;
background: transparent url(frame.jpg) 0px 6px no-repeat;
}

Para cambiar el tamaño tienes que crear tu propia imagen (10page.jpg) al tamaño que desees (esta es la imagen de todas las páginas).

También tienes que crear tu propia imagen del flip (3d.png) al tamaño adecuado al que hayas creado tu 10page.jpg y debes crear tu propia imagen del fondo del libro (frame.jpg) adecuándola al tamaño de tu 10page.jpg.

Y, por último, ajustar todos los nuevos tamaños en el estilo.

Saludos
  #4 (permalink)  
Antiguo 07/06/2009, 10:34
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: pageflip con js

No vi ningún ejemplo (aún, ya que con canvas, la librería excanvas y mucho trabajo podría hacerse) semejante a los de Flash. No obstante, la versión que mencionás está demasiado poco lograda (ojo, es mi opinión y espero que se entienda de manera constructiva) y seguramente por eso siempre la he visto en ese tamaño tan reducido. Creo que en estos enlaces hay algo mejor (pero claro, es cuestión de gustos): http://www.coastworx.com/bookflip.php, http://www.coastworx.com/bookflipshrek.php
  #5 (permalink)  
Antiguo 07/06/2009, 14:20
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 6 meses
Puntos: 122
Respuesta: pageflip con js

opino igual que panino (hola), la versión que muestras esta poco lograda. Es básicamente un cambio de imágenes y nada mas. Se puede lograr algo mejorsito usando la misma idea pero con más imagenes, aun que la verdad lo veo innecesario. Por otro lado, te puedes quebrar la cabeza con canvas o simplemente usar uno de los muchos hechos en flash.
__________________
twitter: @imbuzu
  #6 (permalink)  
Antiguo 07/06/2009, 17:01
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 17 años
Puntos: 4
Respuesta: pageflip con js

hola amigos gracias por sus aportes y respuestas
yo tengo hecho un pageflip en flash pero como encontre este en js
me llamo a la curiosidad por ver como podia manejarlo
y hasta ahora lo sigo intentanto
jejeje...

aca pueden ver mis pageflip


http://www.grupogba.com/catalogos/playstation3/
__________________
Julita Borda Hokama
a lo mejor esto ayuda
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 18:14.