yeni resim görüntüleme smf 2.1

[Seyit replikacep.com]

arkadaşlar bi yerde takıldım   

subs php  :

Code Select Expand

array(
'tag' => 'img',
'type' => 'unparsed_content',
'parameters' => array(
'alt' => array('optional' => true),
'title' => array('optional' => true),
'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
),
'content' => '<div class="demo-gallery"><ul id="lightgallery"><li data-responsive="$1" data-src="$1" data-pinterest-text="Pin it" data-tweet-text="share on twitter"><a><img class="img-responsive" " src="$1" alt="{alt}" title="{title}"{width}{height} class="bbc_img resized">
            <div class="demo-gallery-poster"><img src="https://sachinchoolur.github.io/lightGallery/static/img/zoom.png"></div></a></li></ul></div></div>
        ',

       

'validate' => function(&$tag, &$data, $disabled)
{
global $image_proxy_enabled, $user_info;

$data = strtr($data, array('<br>' => ''));
$scheme = parse_url($data, PHP_URL_SCHEME);
if ($image_proxy_enabled)
{
if (!empty($user_info['possibly_robot']))
return;

if (empty($scheme))
$data = 'http://' . ltrim($data, ':/');

if ($scheme != 'https')
$data = get_proxied_url($data);
}
elseif (empty($scheme))
$data = '//' . ltrim($data, ':/');
},
'disabled_content' => '($1)',
),
array(
'tag' => 'img',
'type' => 'unparsed_content',
'content' => '<img class="img-responsive" src="$1" alt="" class="bbc_img">',

'validate' => function(&$tag, &$data, $disabled)
{
global $image_proxy_enabled, $user_info;

$data = strtr($data, array('<br>' => ''));
$scheme = parse_url($data, PHP_URL_SCHEME);
if ($image_proxy_enabled)
{
if (!empty($user_info['possibly_robot']))
return;

if (empty($scheme))
$data = 'http://' . ltrim($data, ':/');

if ($scheme != 'https')
$data = get_proxied_url($data);
}
elseif (empty($scheme))
$data = '//' . ltrim($data, ':/');
},
'disabled_content' => '($1)',
),


index tempal

Code Select Expand

// load in any javascript files from mods and themes
template_javascript();
        echo '
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/js/lightgallery-all.min.js"></script>';



devamı

Code Select Expand

function template_init()
{
global $settings, $txt;

loadCSSFile('lightgallery.css');


index  css yede ekledim  gerekli yerleri

loadphp ye  :

Code Select Expand

$context['html_headers'] .= '
<script type="text/javascript">
        $(document).ready(function(){
            $(\'#lightgallery\').lightGallery();
        });
        </script>

tasarımı aldıgım yer  : https://codepen.io/sachinchoolur/pen/QjLNMM



sorun şu ilk resim acılıyor   bir sonraki resim açılmıyor   bunu nasıl çözebilirim    js  2.ci resimde  malesefki cekmiyor sebebi nedir   yoksa resim görüntülüme  çok güzel oldu   ama tam manasıyla diger resimlerdede çalışması lazı m

demo  :  http://smf.sahibinibulal.tk/index.php?topic=23.0