Comunidad de diseño web y desarrollo en internet online

Sugerencia de cómo hacer algo similar a tubaldosa.demosaica.com

Citar            
MensajeEscrito el 03 Dic 2013 12:02 pm
Buenas tardes,

Necesito alguna orientación o sugerencia de cómo hacer una web similar a http://tubaldosa.demosaica.com/ más o menos tengo idea de que debo usar el trabajo con imágenes. Lo que me preocupa es la composición derecha.

Imagino que tendría que hacer bucles para ir rellenando con el mosaico o cenefa, pero no estoy muy segura de cómo hacerlo además puedes cambiar de forma independiente el mosaico de la cenefa manteniéndose el otro elegido... no se si me explico muy bien, lo mejor es verlo.

Por el código veo que utiliza para el slide de imagenes jquery pero no se si lo está utilizando para algo más

Sé php, pero nunca he hecho una aplicación así desde cero y ando un poco perdida.

Gracias de antemano por la ayuda.
Saludos.

Por kary©

16 de clabLevel



Genero:Femenino  

Una más

chrome
Citar            
MensajeEscrito el 03 Dic 2013 09:09 pm
el sitio es innovador, primera vez que vi un sitio asi, pues lo que veo ,no es tan complicado, ahora lo podes hacer de 0 como menciones o buscar talvez algun script que te permita manipular las imagenes y quiien sabe talvez encuentres algun script ya hecho que haga exactamente lo mismo que ese sitio incluido su vista 3D,, bueno primero lo primero, si te fijas la parte derecha es un poco de logica,
ose algo asi
/ \ / \ / \ / \
osea la imagen se refleja horizontalmente y verticalmente,,
aunque esa parte tambien se la podria hacer o realizar con css3 y javascript ,asi se aligeraria al server, pero depende de como decidas hacerla

Por tuadmin

Claber

598 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Dic 2013 11:26 pm
Hola tuadmin

Gracias por contestar :)

Como bien dices la lógica es relativamente sencilla, entiendo que con doble bucle (uno que controle lineas y otro columnas) le voy poniendo las imágenes según corresponda, lo que no se es como tratar las imágenes es decir, como ir dibujando la composición que luego dará un png (o jpg o gif...). Entiendo que en una variable debo guardar el interior seleccionado y en otra el exterior para que así se pueda variar la seleccion de forma independiente. Luego está la creación del 3d...

En realidad creo que el problema lo tengo con el tratamiento de las imagenes y en como componer todo en una sola página que funcione sin tener que estar recargando todo (como por ejemplo el slide que se carga según la elección del menú y también se carga la composición) que imagino que se hará mediante algún js, jquery o ajax.

Seguro que son cosas sencillas para vosotros pero como no lo he hecho nunca no se como se hace.

Gracias :D

Por kary©

16 de clabLevel



Genero:Femenino  

Una más

chrome
Citar            
MensajeEscrito el 03 Dic 2013 11:58 pm
jejeje,vale. bueno que te propongo esto, realizalo con html5 y css3,, bueno primero, lo primero, ya que esto tampoco lo realize nunca,jeje, bueno empezemos,

primero, crea una tabla de 8 X 8.y relleanalos con la imagen del mosaico, osea dentro de cada celda hay un <img /> bueno ahora viene el css3

podes ver este articulo

http://www.blog.tictacsoluciones.com/2012/03/transformaciones-css3-girar-una-imagen.html

ahora lo otro de ajax,dependera, de como esta tus datos,osea de donde lo sacas,tu menu trabaja con mysql o algo??o es puro html, todo depende de como lo realizes, yo lo haria con javascript,
osea cargaria el listado de los mosaicos
y al ahcer click, lo que haria seria llamar una funcion javascript, que me cambie la URL de las imagenes de la tabla ,ya que en realidad,todas las imagenes de la tabla,son solo una imagen unica,

Por tuadmin

Claber

598 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.