Перейти к содержимому


Фотография
- - - - -

Как можно реализовать такую галерею?

галерея slider слайдер

Лучший Ответ vector , 22 August 2013 - 14:42

Можно было сделать так как Вы написали, но я сделал по иному:
Файл media/zoo/applications/jbuniversal/elements/jbimage/jbimage.php

public function render($params = array())
    {
        $result = array();
        $result[]='<ul id="pikame" class="jcarousel-skin-pika">';
        $params = $this->app->data->create($params);

        switch ($params->get('display', 'all')) {
            case 'first':
                $this->seek(0);
                $result[] = $this->_render($params);
                break;
            case 'all_without_first':
                $this->seek(1);
                while ($this->valid()) {
                    $result[] = $this->_render($params);
                    $this->next();
                }
                break;
            case 'all':
            default:
                foreach ($this as $self) {
                    
                    $result[] = '<li>'.$this->_render($params).'</li>';
                    
                }
                break;
        }
$result[]='</ul>';
        return $this->app->element->applySeparators($params->get('separated_by'), $result);
    }
Далее прикрутил такой вот плагин http://www.pikachoose.com/
и все ок . Вот результат http://3.testsite.co...r-2-h-storonnij Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 4

#1 vector

vector

Отправлено 22 August 2013 - 12:01

Подскажите как можно реализовать похожую галерею в jbzoo ?

http://pix.academ.or...d1b68c36451.jpg

 


  • 0

#2 Sliapy

Sliapy

Отправлено 22 August 2013 - 12:33

В Nivo Slider можно выводить тамбнейлы, на сколько я помню. Давно не пользовался.

 

Ну а сделать их не снизу, а слева - это уже небольшие правки CSS и, возможно, верстки.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#3 vector

vector

Отправлено 22 August 2013 - 13:00

Хочу прицепить сторонний плагин галереи, но для этого нужно немного изменить структуру .

 

Нашел файл

media/zoo/applications/jbuniversal/elements/jbimage/tmpl/jbimage-default.php

В него добавляю :

echo '<ul class="my_gallery">';
echo '<img ' . $imageAttrs . ' />'. "\n";
echo '</ul>';
 

 

на выходе получаю такую разметку :

<ul class="my_gallery"> <img src... /> </ul>
<ul class="my_gallery"><img src... /></ul>
<ul class="my_gallery"> <img src... /></ul>

 

А нужно

<ul class="my_gallery">

  <img src... />

  <img src... />

  <img src... />

</ul>

 

Подскажете какой файл править?
 


  • 0

#4 Sliapy

Sliapy

Отправлено 22 August 2013 - 13:24

Нужно оборачивать в <ul class="my_gallery"> позицию в шаблоне, в которую вы выводите JBZoo Image.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#5 vector

vector

Отправлено 22 August 2013 - 14:42   Лучший Ответ

Можно было сделать так как Вы написали, но я сделал по иному:
Файл media/zoo/applications/jbuniversal/elements/jbimage/jbimage.php
public function render($params = array())
    {
        $result = array();
        $result[]='<ul id="pikame" class="jcarousel-skin-pika">';
        $params = $this->app->data->create($params);

        switch ($params->get('display', 'all')) {
            case 'first':
                $this->seek(0);
                $result[] = $this->_render($params);
                break;
            case 'all_without_first':
                $this->seek(1);
                while ($this->valid()) {
                    $result[] = $this->_render($params);
                    $this->next();
                }
                break;
            case 'all':
            default:
                foreach ($this as $self) {
                    
                    $result[] = '<li>'.$this->_render($params).'</li>';
                    
                }
                break;
        }
$result[]='</ul>';
        return $this->app->element->applySeparators($params->get('separated_by'), $result);
    }
Далее прикрутил такой вот плагин http://www.pikachoose.com/
и все ок . Вот результат http://3.testsite.co...r-2-h-storonnij
  • 2





Темы с аналогичным тегами галерея, slider, слайдер

Click to return to top of page in style!