Alguém tem um script para gerar automaticamente tags de imagem a partir de um diretório de imagens?

votos
0

Eu faço um monte de cortar em Photoshop, e é tedioso para escrever manualmente uma <img />tag para cada um deles - escrevendo no nome do arquivo, verificando altura e largura, escrever as tags alt, etc.

Eu posso usar o Photoshop para gerar o HTML, mas eles geralmente muck-lo por não produzir XHTML, ou por envolvê-lo em tabelas, e assim por diante. Eu estou tentando fazer minha vida mais fácil do que isso.

Então, eu estou querendo saber se alguém usa um script que gera automaticamente tags img com base no diretório? Ou se algum IDE que eu não sei sobre que isso? Eu só quero que ele para gerar um monte de tags como assim:

<img src={filename} alt= width={width} height={height} />
Publicado 19/05/2009 em 16:56
fonte usuário
Em outras línguas...                            


3 respostas

votos
0

script php feitas:

<?php

$images = scandir('images');

$txt = '';

$tmpl = '<img id="`id`" src="images/`name`">';
foreach($images as $image) {

    $tag = $tmpl;
    $tag = str_replace('`id`', explode('.', $image)[0], $tag);
    $tag = str_replace('`name`', $image, $tag);

    $txt .= $tag . "\n";
}

file_put_contents('tags.txt', $txt);

Crie um arquivo php e executá-lo:

script.php php

Php script tem que estar no mesmo diretório como pasta de imagens.

Você vai ter sua imagem tas no arquivo tags.txt.

Respondeu 30/01/2017 em 19:54
fonte usuário

votos
0

Se o Photoshop faz um trabalho digno deste, pode ser mais fácil de apenas processar a saída de lá, usando um regex ou algo para corrigir os problemas nele. Este provavelmente seria mais simples do que tentar reimplementar essa funcionalidade a partir do zero.

Se você pode enviar uma amostra de saída HTML do Photoshop, eu posso fornecer uma pesquisa regex / substituição que iria convertê-lo para o que você está procurando.

Respondeu 19/05/2009 em 17:01
fonte usuário

votos
0

Primeiro eu quero elogiá-lo em ter largura e informação da altura de uma imagem. É muito bom que você fizer isso, todos devem fazer isso. Você pode usar qualquer linguagem de script como Python ou PHP para fazer isso com uma biblioteca de imagens como o ImageMagick ou GD. Sem saber o que língua ou ferramentas que você está usando para executar o seu site eu realmente não posso dar um exemplo.

Em Python, usando um sistema de templates que você pode fazer algo como isto:

<div>
     <% addImg("/images/myImage.png") %>
</div>

O que geraria a tag de imagem direita:

<div>
  <img src="/images/myImage.png" alt="MyImage" width="200" height="100" />
</div>

Em algum lugar em sua python você define:

def addImg(imgPath):
  #do image processing here 
Respondeu 19/05/2009 em 16:59
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more