una - tablas en javascript ejemplos




Cómo mostrar varias imágenes apiladas una sobre otra en JavaScript (2)

¿Por qué no simplemente construir uno? no seria dificil Aquí hay un pequeño prototipo de rotación en el que he trabajado (tal vez tardé 5 minutos en escribir)

Element.prototype.rotate = function(d) {
    var s = "rotate(" + d + "deg)";
    if (this.style) { // regular DOM Object
        this.style.MozTransform = s;
        this.style.WebkitTransform = s;
        this.style.OTransform = s;
        this.style.transform = s;
    }
    this.setAttribute("rotation", d);
};

luego puede usar para rotar una lista de imágenes ... vea el ejemplo aquí (no muy bueno: P)

Mejor ejemplo Mejor ejemplo

Parece que el OP quiere más
¿Cómo es esto para cerca del ejemplo ? Creo que algunos ángulos pueden estar fuera ...

O haga clic aquí

En una página web, quiero mostrar una lista de álbumes y, junto a cada nombre de álbum, quiero mostrar una lista apilada de imágenes una encima de la otra. ¿Cuál es la mejor manera de tomar dinámicamente una lista de fotos y hacer que se apilen unas sobre otras?

Aquí hay un ejemplo:


Las bibliotecas solo lo ayudarán a manipular el dominio y responder a los eventos. La respuesta está en cómo ve el problema, cómo representará los datos, cómo manejará los datos dinámicos que le llegan.

Las imágenes son elementos html, por lo que se pueden manipular con CSS3, como dijo José Faeti. Ahora, para la parte dinámica , le sugiero que eche un vistazo a backbone.js (http://documentcloud.github.com/backbone/).

En pocas palabras, backbone.js lo ayudará a definir álbumes e imágenes como entidades independientes, enganchar vistas a esos modelos de datos, vistas que se adaptarán automáticamente cuando nuevos datos lleguen a través del ajax desde el servidor, y para colmo, usa jQuery para la selección de dom, por lo que:

1) Obtiene un buen enfoque de OOP-ish para definir sus datos de imágenes
2) Obtienes una buena relación Modelo-Vista Vista-Modelo que se actualiza fácilmente
3) Obtienes jQuery como herramienta de selección y manipulación de dom





image