Не нравятся результаты поиска? Попробуйте другой поиск!

вывод картинки {image-1} с увеличением при клике


     15.01.2014    Общие вопросы по PHP    6620

вопрос
Здравствуйте, как можно вывести {image-1} {image-2} {image-3} и т.д но с увеличением при клике?

Ответил: ukradyga


В шаблоне вставьте. width="250" height="140" - размеры уменьшенной копии

<a href="{image-1}" onclick="return hs.expand(this)" class=" ">
<img src="{image-1}" width="250" height="140" alt="Альт" title="Тайтл"/>
</a>

Комментарии пользователей (5)

D0Gmatist
225

794 | 281

D0Gmatist - 15 января 2014 13:04 - Местный

и дополнительно для маленькой картинки используйте php thumbs

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

solomonantal
5

solomonantal - 15 января 2014 13:17 - Юзер

все картинки уже уменьшены thumbs 200х200, а надо чтоб при клике показывало большую оригинальную картинку, вместо вывода {full-story} необходимо вывод отдельно картинки {image-1} {image-2} {image-3} и т.д

ukradyga
5

8 | 1

ukradyga - 15 января 2014 15:04 - Юзер

DLE просто ищет код картинок в коде новости и выдергивает url и тем самым формирует тег {image-1}.

1 вариант:
Найдите в дле где формируется {image-1} сделайте по аналогии {image-short-1} {image-full-1}, первые картинки можно искать в краткой новотси, вторые в полной.

2 вариант:
Если у вас картинки с тумбс уже в новости, то thumb удаляйте из {image-1} и это пусть будет {image-full-1}. Используйте функцию str_replace ().

Далее вставляем в шаблон:
<a href="{image-full-1}" onclick="return hs.expand(this)" class=" ">
<img src="{image-short-1}" width="250" height="140" alt="Альт" title="Тайтл"/>
</a>

Nick
6

95 | 70

Nick - 15 января 2014 16:23 - Юзер

1) Открываем show.full.php

Ищем:
if (stripos ( $tpl->copy_template, "{image-" ) !== false)


Меняем на
if (stripos ( $tpl->copy_template, "{image-" ) !== false || stripos ( $tpl->copy_template, "{imageLarge-" ) !== false )



После строки:
$tpl->copy_template = str_replace( '[/image-'.$i.']', "", $tpl->copy_template );


Вставляем:
//Проверяем на нашем ли хостинге находится картинка                    
$checkMyServer = parse_url($url);    
if(stripos($config['http_home_url'], $checkMyServer['host'] ) !== false && stripos($checkMyServer['path'],'/thumbs/') !== false){
$tpl->copy_template = str_replace( '{imagelarge-'.$i.'}', str_replace('thumbs/','',$url), $tpl->copy_template );
}else{$tpl->copy_template = str_replace( '{imagelarge-'.$i.'}',$url, $tpl->copy_template );}    
$tpl->copy_template = str_replace( '[imagelarge-'.$i.']', "", $tpl->copy_template );
$tpl->copy_template = str_replace( '[/imagelarge-'.$i.']', "", $tpl->copy_template );



После строк:
$tpl->copy_template = preg_replace( "#\[image-(.+?)\](.+?)\[/image-(.+?)\]#is", "", $tpl->copy_template );
            $tpl->copy_template = preg_replace( "#\\{image-(.+?)\\}#i", "{THEME}/dleimages/no_image.jpg", $tpl->copy_template );


Вставляем:
$tpl->copy_template = preg_replace( "#\[imagelarge-(.+?)\](.+?)\[/imagelarge-(.+?)\]#is", "", $tpl->copy_template );
            $tpl->copy_template = preg_replace( "#\\{imagelarge-(.+?)\\}#i", "{THEME}/dleimages/no_image.jpg", $tpl->copy_template );    


https://dle-faq.ru/faq/tpl/8109-kak-uznat-put-k-polnoy-kartinki-fullstory.html


2) в шаблоне, в месте, где нужна картинка, вставляем
<a itemscope itemtype="http://schema.org/ImageObject" href="{imagelarge-1}" onclick="return hs.expand(this)" >
<img itemprop="contentUrl" src="{image-1}" alt='альт' title='заголовок' />
</a>


где {image-1} — ссылка на уменьшенную копию, {imagelarge-1} — ссылка на полную версию картинки.

solomonantal
5

solomonantal - 15 января 2014 17:10 - Юзер

Nick огромное спасибо

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы