Galeria de imagens nativa

  • jualvessan

    (@jualvessan)


    8 anos atrás

    Olá pessoal, o que trago não é um problema, apenas gostaria de saber como mudar a exibição das imagens da galeria padrão do WordPress. Quando uso este recurso, as imagens ficam em uma coluna, mas gostaria que elas ficassem na vertical. Onde deve fazer a mudança para que as imagens sejam postadas na vertical? Obrigada!

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • Moderador Felipe Elia

    (@felipeelia)

    8 anos atrás

    Oi @jualvessan,

    Desculpa, não consegui entender. Por “uma coluna” e “na vertical” você quis dizer o que? Pode subir uma imagem para ficar mais fácil entender?

    Criador do tópico jualvessan

    (@jualvessan)

    8 anos atrás

    Opa, desculpa se não fui clara, realmente é confuso. Ok, o pessoal responsável pelas postagens utiliza a galeria nativa do wordpress em conjunto com o lightSlider. Porém a galeria não está sendo gerada corretamente, quando há uma postagem de uma nova galeria, a primeira linha do slide é repetida duas vezes. Vou pedir desculpa mais uma vez, estou om dificuldades aqui para subir imagens então vou passar um link da própria página do lightSlider (http://sachinchoolur.github.io/lightslider/examples.html). Lá tem um tópico chamado Integrate with lightGallery, a diferença que nós não usamos o lightGallery, mas a gelrias estavam assim antes. Eu fiz alguma modificações no código contido no lightslider.js, para que as linhas deixassem de se repetir, mas não consigo deixar com uma única linha de imagens abaixo da imagem principal, como é mostrado lá no link que passei. Eu também tentei usar o lightgallery, mas por algum motivo desconhecido, não deu certo.

    Criador do tópico jualvessan

    (@jualvessan)

    8 anos atrás

    `Aqui está o código que estou modificando, abaixo o trecho que estou mexendo, mudei a maneira como o cálculo do thumbWidth é feito e também mudei o trecho if (settings.gallery === true), do primeiro pagers, de pagers += para pagers-=.

    pager: function () {
    var $this = this;
    refresh.createPager = function () {
    thumbWidth = ((elSize+(settings.thumbItem*settings.thumbMargin))-settings.thumbMargin)/settings.thumbItem;
    var $children = $slide.find(‘.lslide’);
    var length = $slide.find(‘.lslide’).length;
    var i = 0,
    pagers = ”,
    v = 0;

    for (i = 0; i < length; i++) {
    if (settings.mode === ‘slide’) {
    // calculate scene * slide value
    if (!settings.autoWidth) {
    v += i * ((slideWidth + settings.slideMargin)*settings.slideMove);
    } else {
    v += ((parseInt($children.eq(i).width()) + settings.slideMargin) * settings.slideMove);
    }
    }
    var thumb = $children.eq(i * settings.slideMove).attr(‘data-thumb’);
    if (settings.gallery === true) {
    pagers -= ‘<li style=”width:100%;’ + property + ‘:’ + thumbWidth + ‘px;’ + gutter + ‘:’ + settings.thumbMargin + ‘px”><a href=”#”><img src=”‘ + thumb + ‘” /></a></li>’;
    } else {
    pagers += ‘<li><a href=”#”>’ + (i+1) + ‘</a></li>’;
    }

    if (settings.mode === ‘slide’) {
    if ((v) >= w – elSize – settings.slideMargin) {
    i = i + 1;
    var minPgr = 2;
    if (settings.autoWidth) {
    pagers += ‘<li><a href=”#”>’ + (i + 1) + ‘</a></li>’;
    minPgr = 1;
    }
    if (i < minPgr) {
    pagers = null;
    $slide.parent().addClass(‘noPager’);
    } else {
    $slide.parent().removeClass(‘noPager’);
    }
    break;
    }
    }
    }

    • Esta resposta foi modificada 8 anos atrás por jualvessan.
Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Galeria de imagens nativa’ está fechado para novas respostas.