Блокнот ++: как вставить 50 раз для галереи, которую я строю

Question

Я создаю новую страницу portofolio вместе с некоторыми другими html-проектами. Действительно тяжелый на безумных галереях

Я экспортирую из lightroom, чтобы каждый файл был "ADA - #. Jpeg". Затем мне нужно добавить соответствующий код, чтобы добавить фотографию в онлайн-портфолио и миниатюру его соответствия.

Есть ли плагин или способ, которым я могу быстро взять строку, как это:

<img src="gallery/4c/ada-1.jpg" alt="Caption Text"/>

Имейте это, Вставьте 50 раз как это автоматически:

<img src="gallery/4c/ada-2.jpg" alt="Caption Text"/>
<img src="gallery/4c/ada-3.jpg" alt="Caption Text"/>
<img src="gallery/4c/ada-4.jpg" alt="Caption Text"/>

....

пока не достигнет 50?

Мои навыки php/python действительно ржавые, как насчет того, что реальный HTML, который будет повторяться, выглядит так:

Событие Работа

Я мог бы понять это, но я очень занят>. <

Answer 1

Вы можете просто сделать простую функцию javascript, которая выводит все строки для вас, имея цикл для контроля времени, когда вам это нужно.

Вы можете заставить javascript "вставлять" контент прямо в ваш html (внутри <div> или другого нужного вам тега).

Вот пример:

в вашем HTML, вы можете иметь div как

<div id="myimages"><div/>

и иметь функцию javascript (и ее вызов), например:

function images(n){
    i=1;
    while(i<=n){
        d = document.getElementById("myimages");
        d.innerHTML  = d.innerHTML+'<img src="gallery/4c/ada-'+i+'.jpg" alt="Caption Text'+i+'"/>\n<br>';
        i++;
    }
}

images(50);

тогда ваш вывод будет "волшебным образом" иметь все ваши изображения =)

нажмите здесь для рабочей скрипки

Я рекомендую вам немного изучить javascript или даже язык сценариев сервера, такой как PHP, который позволяет создавать такие вещи без необходимости писать / кодировать повторяющиеся строки, как в этом случае.

Answer 2

Вы можете выбрать столбцы, используя Alt + drag.

Выберите столбец для вставки.

Теперь перейдите к файлу, который нужно вставить, и нажмите Alt + перетащите, чтобы выбрать столбец

а затем вставьте скопированный столбец. И результат, который вы получите ...

Answer 3

Я всегда использую PHP, когда мне нужно сделать что-то подобное, потому что это легко в сценарии. Я напишу код для вас, чтобы сделать это в качестве примера.

http://24.3.3.167/test.php (протестируйте скрипт здесь)

<?php
   $currentCount = 1;
   while ($currentCount < 51):
      echo htmlspecialchars('<img src=\"gallery/4c/ada-') . $currentCount . htmlspecialchars('.jpg\" alt=\"Caption Text\"/>') . '<br />';
      $currentCount++;
      endwhile;
?>

Answer 4

Еще одна альтернатива с использованием Perl одну строку:

$ perl -e 'printf "<img src=\"gallery\/4c\/ada-\%d.jpg\" alt=\"Caption Text\"\/>\n", $_ for 1..50'

-e: позволяет определить код Perl, который будет выполняться компилятором.