Vamos a tratar de hacerlo de forma gratuita. No es complicado y supongo que tienes un editor de texto.
Solo está poniendo etiquetas con sus tamaños en una página HTML básica.
…
…
…
Pero como se trata de imágenes de 50K, la página tardará mucho en cargarse.
- [math] \ LaTeX [/ math]: ¿Cómo puedo hacer que mi tabla de contenidos se vea como la imagen que publiqué en los comentarios, cuando uso la clase de documento del artículo?
- ¿Hay fotografías falsas de los campos nazis de la Segunda Guerra Mundial?
- ¿Cuál es la foto más privada que has tomado?
- ¿Cuál es la mejor fotografía que tomaste de ti que no incluye tu cara y por qué crees que es la mejor?
- ¿Cuáles son los consejos y trucos para lucir mejor en las fotos?
Para abordar tales problemas, vamos a discutir la carga perezosa. La carga diferida es un patrón de diseño comúnmente utilizado para imágenes y otros componentes para diferir su inicialización hasta el punto en el que se necesita, es decir. las imágenes se descargarían cuando la página se desplaza y la imagen debe mostrarse, lo que reduce el tiempo de carga de la página.
Puede buscar en Google ‘LazyLoad’ y obtener documentos relevantes y tutoriales sobre cómo usar el mismo.
Así es como se vería tu html después de incorporar lazyload.
PS jquery.lazyload.js tiene que ser referido
$ (documento) .ready (función () {
$ (“img.lazy”). lazyload ();
});
…
…
…
Esta es una de las galerías de imágenes que construí para un amigo mío usando la misma técnica. ¡Tengo que atraparlos a todos!
De todos modos, el siguiente problema sería el trabajo manual para copiar el nombre y la ubicación de todos los archivos que alojaría en los servidores de aws. Puede hacer una nomenclatura mediante la cual puede crear las etiquetas en su html a través del código sin tener que pensar en cuántas imágenes hay en la carpeta que tiene.
En PHP puedes hacer lo mismo por algo similar a esto:
$ url = “./image_folder_path”;
$ temp_files = scandir ($ url);
natsort ($ temp_files);
$ latestFirst = array_reverse ($ temp_files);
$ blacklist = array (‘.’, ‘..’, ‘js’, ‘img’, ‘index.php’, ‘loading.gif’, ‘bg.jpg’);
foreach ($ latestFirst as $ file)
{
if (! in_array ($ file, $ blacklist)) {
if ($ file! = basename (__ FILE__))
{
$ imgTags. = ‘ ‘;
}
}
}
Si no eres un técnico y lo quieres de forma gratuita, debes dedicar algo de tiempo a descubrir qué está sucediendo y hacer un poco de éxito y pruebas para obtener lo que deseas.
De todos modos, si desea más que solo una galería de imágenes, algo con funcionalidades de búsqueda y otras, debe definir lo que desea y, dependiendo de las complejidades, podrá obtener una cotización correcta. No esperaría un costo de más de 10K INR o 150 $ por un sitio web (que se ve bien en todos los dispositivos y cosas) que pueda desear. Una vez más, el costo puede ser negociable dependiendo de lo que todo lo que está buscando. El costo por hospedar espacio y todo lo que se incluye puede variar nuevamente dependiendo de la tecnología que esté utilizando.
Gracias por el A2A, siéntase libre de hacer preguntas