Обсуждение Нумерация изображений в полной новости

[Ботяра]

Попался старый хак, решил что он должен быть. Работу не проверял на 11.3, но по коду проверил и он присутствует в файлах версии 11.3 и раньше.

​

Хак на нумерацию изображений. Суть заключается в том, что есть такие развлекательные сайты с паком изображений в полной новости, и для удобства пользователей их нужно пронумеровать, чтобы вышесказанные люди могли ссылаться на них по номеру в комментариях,а не по "третья с конца улыбнула".

Открываем файл engine/modules/show.full.php и находим:

$tpl->set( '{full-story}', "<div id=\"news-id-" . $row['id'] . "\" style=\"display:inline;\">" . $row['full_story'] . "</div>");

если данного кода нет, то находим:

$news_find = array ('{comments-num}' => $comments_num, '{views}' => $row['news_read'], '{category}' => $my_cat, '{link-category}' => $my_cat_link, '{news-id}' => $row['id'] );

или

$news_find = array ('{comments-num}' => number_format($row['comm_num'], 0, ',', ' '), '{views}' => number_format($row['news_read'], 0, ',', ' '), '{category}' => $my_cat, '{link-category}' => $my_cat_link, '{news-id}' => $row['id'] );

и выше вставляем:

$o = 1;
function count_images($data) {global $o;return '<div class="img-in-full"><span class="image-counter">'.$o++.'</span>'.$data.'</div>';}
      
$row['full_story'] = preg_replace_callback('/(<img\s+src=["\'])([^"\']+)(["\']\s+[^>]+>)/', create_function('$matches','return count_images($matches[0]);'), $row['full_story']);

В любой файл CSS добавить:

.image-counter {
position: absolute;
margin: 10px;
padding: 5px 10px;
color: #FFF;
font-size: 18px;
background-color: rgba(28, 9, 41, 0.6);
}

Как использовать это на киносайтах думаю сам решит каждый для себя, кто использует поле полной новости для кадров.

 

[PunPun]

Плохой php код. Не нужно создавать функцию тут никакую

 

[Ботяра]

PunPun код старый, автор его указан на первом скрине. Есть вариант сделать это более лучше? Почему бы не написать тогда свой вариант?

 

[Winston?!]

byroot а не знаешь хака, который будет выводить под изображением его alt? Идет картинка, а ниже описание (заполненное в поле alt при добавлении).

 

[Ботяра]

byroot а не знаешь хака, который будет выводить под изображением его alt? Идет картинка, а ниже описание (заполненное в поле alt при добавлении).

текст из титла картинки:

<script type='text/javascript'>
$(window).load(function(){
$('img.catalog').each(function() {
    $(this).after( "<div class='img-title'>" + $(this).attr('title') + "</div>" );
});
}); 
</script>

текст из альта картинки:

<script type='text/javascript'>
$(window).load(function(){
$('img.catalog').each(function() {
    $(this).after( "<div class='img-title'>" + $(this).attr('alt') + "</div>" );
});
}); 
</script>

catalog - это класс, в котором показывать текст под картинкой, например class="full-story"

 

[Winston?!]

byroot не работает 🙁 Нечего не выводит под img(

 

[Frosty]

Интересует нумерация для главной. Вывожу через custom

 

[Ботяра]

Интересует нумерация для главной. Вывожу через custom

если нужен номер подключаемой новости кастоме, то в show.custom.php после

 $row['date'] = strtotime( $row['date'] );
   $i ++;

добавить
$tpl->set( '{numcustom}', $i );
В шаблоне выводить {numcustom}. Либо использовать нумерацию по тегу <li>

byroot не работает 🙁 Нечего не выводит под img(

Перед постингом кода проверил его на одном сайте - всё должно работать. Скорее всего что-то не так сделал.

 

[Winston?!]

Еще один скрипт вывода описания под картинкой

$('img[alt]').each(function(){
var e=$(this),t=e.attr('alt');$('<div>'+t+'</div>').insertAfter(e)
})

Скрипт выводит описание под всеми картинками сайта. Если кто может добавить условие, чтобы выводило только под картинками выводимыми в {full-story} будет отлично работать. Проверял на своем сайте.

 

[Frosty]

Еще один скрипт вывода описания под картинкой

$('img[alt]').each(function(){
var e=$(this),t=e.attr('alt');$('<div>'+t+'</div>').insertAfter(e)
})

Скрипт выводит описание под всеми картинками сайта. Если кто может добавить условие, чтобы выводило только под картинками выводимыми в {full-story} будет отлично работать. Проверял на своем сайте.

решение уже написано выше, никакого грамозкого и лишнего кода... полторы строки и работает идеально, никакой нагрузки лишней и лишнего кода...

$tpl->set( '{numcustom}', $i );

 

[Ботяра]

Frosty БОльшая просьба перед ответом читать чему пишешь ответ! Показ текста из альта картиртинки под изображением и нумерация - это разные вещи! За что и Winston?! и получил минус к репе, т.к. задает вопрос не в подходящей теме.

Winston?! для таких вопросов надо создавать отдельную тему, если таковой ещё не было на форуме, а понятие "изображение" не относится ко всем вопросам про картинки.

 

[Winston?!]

Перед постингом кода проверил его на одном сайте - всё должно работать. Скорее всего что-то не так сделал.

Ну вот вставил следующий код в js файл, но все ровно не работает...

$(window).load(function(){
$('img.full-text').each(function() {
    $(this).after( "<div class='caption-text'>" + $(this).attr('alt') + "</div>" );
});
    });

Frosty БОльшая просьба перед ответом читать чему пишешь ответ! Показ текста из альта картиртинки под изображением и нумерация - это разные вещи! За что и Winston?! и получил минус к репе, т.к. задает вопрос не в подходящей теме.

Winston?! для таких вопросов надо создавать отдельную тему, если таковой ещё не было на форуме, а понятие "изображение" не относится ко всем вопросам про картинки.

Ты не прав! Я выложил еще один метод вывода описания, но который желательно доработать!

 

[2100001518302]

Здраствуйте!
Всё мне нравится в этом хаке.Но есть тут одна заковырочка,которая портит весь хак.
Я думаю Вы посмотрите на скриншот и всё поймёте.
Так вот вопрос:"Как убрать нумерацию с маленьких картинок?"
А если люди ставят маленькие картинки на скачивание с файлообменников-они тоже будут нумероваться?
Это "Не есть хорошо!!!"
Кто знает подскажите ?

 

[sanabek]

Здраствуйте!
Всё мне нравится в этом хаке.Но есть тут одна заковырочка,которая портит весь хак.
Я думаю Вы посмотрите на скриншот и всё поймёте.
Так вот вопрос:"Как убрать нумерацию с маленьких картинок?"
А если люди ставят маленькие картинки на скачивание с файлообменников-они тоже будут нумероваться?
Это "Не есть хорошо!!!"
Кто знает подскажите ?
Посмотреть вложение 15378

Дело в том что хак все картинки в {fullstory} делаеи по нумераций. Делай кнопку скачивание через стилей.

 

[2100001518302]

Дело в том что хак все картинки в {fullstory} делаеи по нумераций. Делай кнопку скачивание через стилей.

А не подскажите как?Просто никогда не добавлял через CSS картинки в полную новость

 

[Ботяра]

А не подскажите как?Просто никогда не добавлял через CSS картинки в полную новость

ссылки на скачивание в доп поле. потом ссылки выводишь так, как нужно с любыми картинками в файле fullstory.tpl.