Como posso criar uma galeria de imagens com apenas algumas ações do mouse?

1

Eu gostaria de poder criar uma galeria de imagens em HTML no Windows 10 com uma abordagem de "um clique". Existe uma maneira de fazer isso sem ter que instalar nenhum software?

    
por mk117 11.09.2015 / 15:43

1 resposta

2

Aqui está minha resposta para a pergunta ...

Criado este script em lote que utiliza origens de CDN on-line para o Colorbox & jQuery.

Fontes para o cdn incluídas: cdn.bootcss.com, ajax.googleapis.com e cdnjs.cloudflare.com .

Este script leva principalmente todas as imagens jpg (da pasta em que ele está) e cria uma galeria a partir dele. Basicamente, se você precisar exibir uma galeria de imagens com uma caixa de luz responsiva (compatível com dispositivos móveis), esse script em lote a criará.

@echo off
setlocal enableDelayedExpansion
set "file_start=<HTML><HEAD><title>Gallery</title><meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://cdn.bootcss.com/jquery.colorbox/1.4.33/example1/colorbox.min.css" media="all" rel="stylesheet" /><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.6.3/jquery.colorbox-min.js"type="text/javascript"></script><script>$(document).ready(function(){ $('a.lightbox').colorbox({rel:'images', maxWidth: '90%%', maxHeight: '90%%' }); });</script></HEAD><BODY>"
set "link_start=<a href=""
set ^"image_start=" class="lightbox"><img rel="images" src=""
set ^"link_end=" width="30%%"/></a> "
set "file_end=</BODY></HTML>"
set "file_name=image_gallery.html"

>"%file_name%" (
  echo !file_start!
  setlocal disableDelayedExpansion
  for %%I in (*.jpg) do (
    set "image=%%~fI"
    setlocal enableDelayedExpansion
    echo !link_start!!image!!image_start!!image!!link_end!
    endlocal
  )
  endlocal
  echo !file_end!
)
    
por 11.09.2015 / 15:43