![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
Entry tags:
Немного техпомощи
для тех, кто юзит photofile.ru в качестве хвостинга для картинок (не будем показывать пальцем, хотя это наши экономгеографические друзья :). Сам сейчас с этим вожусь, так что вдруг кому пригодится. Тема сегодняшней лекции - как из эстетически неполноценных ссылок пхотопхайла приготовить нормальные кликабельные картинки, как это делает LJPlus (объём на котором, к сожалению, ограничен).
В фотофайле получаем ссылки, нам дают нечто вроде:
<a href="http://photofile.ru/users/evendym/2725032/52770567/"><img alt="imgp3649" title="imgp3649" src="http://photofile.ru/photo/evendym/2725032/small/52770567.jpg"></a>
Поскольку ведут ссылки немного не туда, куда бы хотелось, и выглядят в журнале не лучшим образом, ниже предлагается несколько несложных манипуляций, которые помогут довести их до ума. Открываем блокнот (notepad) и копируем ссылки туда (впрочем, думаю, подойдёт и любой текстовой редактор - здесь и ниже рассказывается, как это делаю я).
<a href="http://photofile.ru/users/evendym/2725032/52770567/"><img alt="imgp3649" title="imgp3649" src="http://photofile.ru/photo/evendym/2725032/small/52770567.jpg"></a>
![http://photofile.ru/photo/evendym/2725032/small/52770567.jpg"></a](http://photofile.ru/photo/evendym/2725032/small/52770567.jpg"></a){kind=link}
Поскольку ведут ссылки немного не туда, куда бы хотелось, и выглядят в журнале не лучшим образом, ниже предлагается несколько несложных манипуляций, которые помогут довести их до ума. Открываем блокнот (notepad) и копируем ссылки туда (впрочем, думаю, подойдёт и любой текстовой редактор - здесь и ниже рассказывается, как это делаю я).
Далее необходимо заменить следующие вещи:
1: photofile.ru/users/ на photofile.ru/photo/
2: /"><img на .jpg"><img - этим мы меняем "кликабельную" ссылку с пхотопхайловской страницы на саму картинку в полном размере (то, что мы на пхотопхайл и загружали).
3: .jpg"></a> на .jpg" style="border:1px solid #000000"></a> - этим заменяем мерзкую жирную синюю (а то и, страшно сказать, лиловую) рамку вокруг фоты в постинге на тонкую и элегантную чорную.
4: small на large - это если хотите, чтобы были большие превьюшки, то есть - автоматически генерируемые фотофайлом thumbnail-ы размером примерно 500х300 пикселей - те, что он и показывает в альбомах; если хотите маленькие (с юзерпик размером) - оставляйте small, для среднего размера (около 160x240) ставьте middle; есть ещё xlarge - что-то около 800х500 в моём случае, но я вместо него в таких случаях ставлю ссылки на исходные картинки - типичный размер для меня сейчас 900х600.
5. Ещё можно поудалять пробелы, которые стоят в начале каждой строчки - я не знаю, зачем они там стоят.
2: /"><img на .jpg"><img - этим мы меняем "кликабельную" ссылку с пхотопхайловской страницы на саму картинку в полном размере (то, что мы на пхотопхайл и загружали).
3: .jpg"></a> на .jpg" style="border:1px solid #000000"></a> - этим заменяем мерзкую жирную синюю (а то и, страшно сказать, лиловую) рамку вокруг фоты в постинге на тонкую и элегантную чорную.
4: small на large - это если хотите, чтобы были большие превьюшки, то есть - автоматически генерируемые фотофайлом thumbnail-ы размером примерно 500х300 пикселей - те, что он и показывает в альбомах; если хотите маленькие (с юзерпик размером) - оставляйте small, для среднего размера (около 160x240) ставьте middle; есть ещё xlarge - что-то около 800х500 в моём случае, но я вместо него в таких случаях ставлю ссылки на исходные картинки - типичный размер для меня сейчас 900х600.
5. Ещё можно поудалять пробелы, которые стоят в начале каждой строчки - я не знаю, зачем они там стоят.
После этого полезно будет открыть Excel, скопировать получившийся текстовой массив туда и провести с ним ещё пару манипуляций:
1: Отсортировать ссылки - фотофайл часто перемешивает картинки в альбоме, однако присвоенные им номера соответствуют их очерёдности в соответствии с исходными именами файлов.
2: В ячейку справа от первой ссылки ставим формулу =REPLACE(A1;(FIND("alt";A1));(FIND("title";A1))-(FIND("alt";A1));"")
Этим мы прибиваем дублирующиеся подписи (в строке исходного кода есть alt и title, оставляем только title). Копируем полученный массив обратно в блокнот или ещё куда.
Теперь осталось только расставить всплывающие подписи к фоткам (то, что записано в title="ПОДПИСЬ"), но это уже вручную.
В итоге дожна получиться строчка кода типа:
<a href="http://photofile.ru/photo/evendym/2725032/52770567.jpg"><img title="imgp3649" src="http://photofile.ru/photo/evendym/2725032/large/52770567.jpg" style="border:1px solid #000000"></a>
2: В ячейку справа от первой ссылки ставим формулу =REPLACE(A1;(FIND("alt";A1));(FIND("title";A1))-(FIND("alt";A1));"")
Этим мы прибиваем дублирующиеся подписи (в строке исходного кода есть alt и title, оставляем только title). Копируем полученный массив обратно в блокнот или ещё куда.
Теперь осталось только расставить всплывающие подписи к фоткам (то, что записано в title="ПОДПИСЬ"), но это уже вручную.
В итоге дожна получиться строчка кода типа:
<a href="http://photofile.ru/photo/evendym/2725032/52770567.jpg"><img title="imgp3649" src="http://photofile.ru/photo/evendym/2725032/large/52770567.jpg" style="border:1px solid #000000"></a>
![http://photofile.ru/photo/evendym/2725032/52770567.jpg"><img](http://photofile.ru/photo/evendym/2725032/52770567.jpg"><img){kind=link}
Необходимо заметить, что для подзамочных альбомов на пхотопхайле ссылки постоянно меняются, так что если хотите выкладывать фотки - альбом не парольте.
UPD: Если кликабельные картинки вам не нужны, а нужно выложить непосредственно то, что загрузили, то всё несколько проще, код должен иметь вид типа
<img src="http://photofile.ru/photo/evendym/2725032/52770567.jpg" style="border:1px solid #000000" title="ПОДПИСЬ"> (обратите внимание на остутствие в коде "large" - если обозначение размера убрать, то фотофайл выдаёт исходную картинку).
Сортировка в экселе вроде как стала уже не нужна, но всё равно лучше проверьте очерёдность фотог, имеет дурную привычку последнюю картинку ставить в начало. Подписи теперь автоматом тоже не добавляет, но всегда можно это сделать ручками.
UPD: Если кликабельные картинки вам не нужны, а нужно выложить непосредственно то, что загрузили, то всё несколько проще, код должен иметь вид типа
<img src="http://photofile.ru/photo/evendym/2725032/52770567.jpg" style="border:1px solid #000000" title="ПОДПИСЬ"> (обратите внимание на остутствие в коде "large" - если обозначение размера убрать, то фотофайл выдаёт исходную картинку).
Сортировка в экселе вроде как стала уже не нужна, но всё равно лучше проверьте очерёдность фотог, имеет дурную привычку последнюю картинку ставить в начало. Подписи теперь автоматом тоже не добавляет, но всегда можно это сделать ручками.