¿Generar imágenes con HTML o con bucle JS?

[eduardobrutaldeath]

Hola

Tengo que hacer una galería de 27 imágenes. Al inicio las había puesto dentro del documento HTML con las etiquetas IMG, como siempre, pero, luego pensé que para ahorra código podría crear imágenes con un bucle :

Código Javascript:

function img(){
    for(x = 1, y = 27; x <= y; ++x){
        document.write( '<img src=\"img/int_'+x+'.jpg\">' );
    }
}
 

Todo está bien excepto que, noto un poco la demora al generar las imágenes, por eso quería preguntarles si consideran que está bien generar muchas imágenes con un bucle o si es preferible hacerlo como siempre con HTML. ¿Creen que ralentice mucho la página? Las imágenes pesan entre 80 y 120 kb

[PHPeros]

Lo único que ganas haciéndolo así es ahorrarte un par de líneas de código, nada más.

Piensa que los usuarios que no tengan JavaScript activado en su navegador no podrán visualizar las imágenes

[eduardobrutaldeath]

Iniciado por PHPeros

Lo único que ganas haciéndolo así es ahorrarte un par de líneas de código, nada más.

Piensa que los usuarios que no tengan JavaScript activado en su navegador no podrán visualizar las imágenes

No me asustes . ¿O sea que todas mis animaciones en Jquery no servirían?
Hubiera usado CSS3.
¿Por defecto viene activado el JS en todos los navegadores?

[Alexis88]

Lo que te dice PHPeros es cierto. A menos que lo que estés haciendo sea para un entorno local en el cual tengas la seguridad de que los usuarios no tengan ni la más mínima idea de cómo desactivar JavaScript del navegador, lo recomendable es hacerlo lo menos dependiente posible de JavaScript. Tampoco es que cualquiera vaya a desactivar JavaScript de su navegador, de hecho, la gran mayoría de usuarios no saben cómo hacerlo, pero nunca falta uno que otro que sepa.

También podrías generar ese bucle desde el lado del servidor, algo que no se podrían saltar ni desactivando JavaScript, pero programar con el miedo de que todo lo que has hecho con JavaScript quede sin efecto porque algún usuario lo desactive de su navegador, es un tanto descabellado, en especial en esta era de la web 2.0 en la que las aplicaciones web son tan ricas precisamente por el uso de JavaScript.

Saludos

[eduardobrutaldeath]

Iniciado por Alexis88

Lo que te dice PHPeros es cierto. A menos que lo que estés haciendo sea para un entorno local en el cual tengas la seguridad de que los usuarios no tengan ni la más mínima idea de cómo desactivar JavaScript del navegador, lo recomendable es hacerlo lo menos dependiente posible de JavaScript. Tampoco es que cualquiera vaya a desactivar JavaScript de su navegador, de hecho, la gran mayoría de usuarios no saben cómo hacerlo, pero nunca falta uno que otro que sepa.

También podrías generar ese bucle desde el lado del servidor, algo que no se podrían saltar ni desactivando JavaScript, pero programar con el miedo de que todo lo que has hecho con JavaScript quede sin efecto porque algún usuario lo desactive de su navegador, es un tanto descabellado, en especial en esta era de la web 2.0 en la que las aplicaciones web son tan ricas precisamente por el uso de JavaScript.

Saludos

Entonces en conclusión :

Java Script está instalado por defecto en todos los principales navegadores pero, siempre hay la posibilidad de que algún usuario lo desactive. ¿No?

Y, ¿dices que siga usando JS? ¿Que no me preocupe por esa minoría de personas que lo desactivan? O crees que debo remplazar JS por CSS3. Conozco los dos lenguajes. A decir verdad era mejor en CSS3 pero con eso de las incompatibilidades me pasé a JQUERY y ahora pienso que tengo más nivel en el framework JS.

[Alexis88]

Lo ideal es que uses cada herramienta para el fin por el cual fue creado. CSS es para los estilos y en versiones recientes, para darle dinamismo a las páginas con transiciones y demás cosas interesantes. Si lo que te preocupan son tus animaciones y efectos, podrías mostrar un aviso cuando se detecte que no está activado JavaScript en el navegador, instando al usuario a que lo haga, para lo cual colocarías el aviso con la etiqueta <noscript>, pero si apuntamos al futuro, creo que deberías dejar las animaciones en manos de CSS.

Saludos

[zerokilled]

buenas...
coincido con muchas de las opiniones, pero quiero agregar mi punto de vista.

al final cada cual hace lo que da la gana, y así debería de ser. cada proyecto tiene un objetivo y necesidad distinta. es por ello, que lo primero debes hacer es planificar bien tus objetivos principales. aquellos detalles que no serán la fortaleza de tu proyecto, déjalo como características adicionales de menor importancia. a lo que me refiero es, imagina un proyecto donde pone a prueba las últimas características de la tecnología. en un caso así, no tiene sentido hacer una adaptación del proyecto para aquellos que aún no están actualizados. porque la fortaleza del proyecto es precisamente explorar o explotar al máximo la tecnología en cuestión. en otros casos, el proyecto funciona gracias a alguna tecnología en particular. toma por ejemplo facebook o twitter. por otras dimensiones, si consideras gmail o prácticamente cualquier otro cliente webmail, el uso de javascript es más bien para mejorar la experiencia al usuario... puesto que la mayoría de los casos se puede usar comodamente sin javascript. y en otras circunstancias, el proyecto te obliga hacer uso de javascript, simplemente porque se le pega la gana. en mi opinión, este último son los más molestosos.

en fin, evalua si tu proyecto justifica depender a grandes rasgos de una tecnología en particular. si no lo requiere, la recomendación que siempre hacemos es desarrollar el proyecto de una forma progresiva. es decir, construir sin las tecnologías y luego ir agregando partiendo de esa base. offtopic: ocupo un lugar en esa minoría que navega sin javascript hace más de ocho años... y puedo decir con certeza que en muchos casos es mejor así.

[PHPeros]

Como dice Alexis88, debes utilizar cada tecnología para el fin con que se creó. JavaScript fue creado para aportar dinamismo y mejorar la interfaz de usuario, no para maquetar sitios web. Por lo tanto, cuando decimos que el usuario puede tener JavaScript desactivado, no es porque sea algo muy frecuente (que hay casos ), es solo para hacer ver que son dos cosas totalmente diferentes, y deberían usarse de forma independiente

La mayoría de navegadores actuales soportan efectos CSS3, no obstante existen librerías como Modernizr para detectar la compatibilidad en el navegador del usuario. Dependiendo de eso podías hacerlo de una forma u otra, aunque con JavaScript no se consiguen los mismos resultados que con algo nativo que se ejecuta casi directamente en el PC del usuario.