WordPress.org

Brasil

Ready to get started?Download WordPress

Fórum Brasileiro

[resolvido] Slideshow full (10 posts)

  1. eduardosully
    Membro
    Publicado 2 anos atrás #

    Boa tarde amigos.

    Estou desenvolvendo um projeto no qual estou utilizando um slideshow que se ajusta à resolução do de cada monitor com o css @media screen. Estou utilizando o plugin NextGEN Gallery em Slideshow e utilizando o Shortcode <?php echo do_shortcode('[slideshow id=1]'); ?> e preciso que a class="bg" pegue na imagem.

    Alguma sugestão de plugin, código ou mágica? rsrsrsr

    Abs.

  2. Fernando Acosta
    Membro
    Publicado 2 anos atrás #

    Não sei, mas acho que seria mais fácil você alterar a class="bg" no seu CSS para a class que o plugin já insere na imagem.

  3. eduardosully
    Membro
    Publicado 2 anos atrás #

    Então, não tem como, o class pega o img. Segue abaixo o código.

    img.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position:absolute;
    top: 20px;
    left: 0;
    }
    @media screen and (max-width: 1024px) {
    img.bg {
    left: 50%;
    margin-left: -512px;
    }
    }

  4. Diego Rojas
    Membro
    Publicado 2 anos atrás #

    Cara, preciso entender melhor qual o seu objetivo com isso? Não entendi. Não mexo com o NextGen faz tempo... Existem outros plugins que trabalham com a galeria nativa do wordpress que funcionam bem com o redimensionamento. Fizemos aqui no estudio esses dias uma solução desse tipo:
    http://circovox.com.br/fotos-de-eventos/ com o Cleaner galerry e o Wp-jquery-lightbox juntos...

    Vc não tem uma URL do que está fazendo para ilustrar melhor? A principio se entendi, não pode ser por css, então teria que ir no php do plugin e altera-lo mas isso não é recomendado!

    Abs,

  5. eduardosully
    Membro
    Publicado 2 anos atrás #

    Obrigado a todos pela ajuda, abaixo segue a solução online no qual vai ajudar a visualização do que preciso.

    A solução não é galeria de imagens e sim slideshow fullscreen.
    Talvez esse jpg possa ajudar na visualização do que preciso http://www.oitoouoitenta.com/serradoibitipoca.

    Abs.

  6. Diego Rojas
    Membro
    Publicado 2 anos atrás #

    Cara, vc quer que o CSS seja dinâmico? Num rola. Colocar bg em img tb não rola.

    Sinceramente não consegui fazer uma análise do problema com as coisas em imagem, segue abaixo um exemplo de código para chamar mais de um layout em um mesmo template WP, no caso, header.php, não sei se pode ser útil. Vc pode usar is_page, is_category e outros...

    <?php if (is_home () || is_front_page()) { /* Se for a Home exibe a estrutura e css abaixo */ ?>
    
    </head><!-- #head -->
    <body class="home-page">
    
    <div id="wrapper" class="hfeed">
    
    <div id="header-home">
    
    </div><!-- #header-home -->
    
    <?php } else if (is_page('x')) { /* Se for a página X exibe a estrutura e css abaixo */ ?>
    
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_directory' ); /* Aqui vc chama um CSS especifico para aquele página, vai se somar ao style.css padrão */?>/estilos/x.css" />
    
    </head><!-- #head -->
    
    <body <?php body_class(); ?>>
    
    <div id="wrapper" class="hfeed">
    
    <div id="header">
    
    </div><!-- #header -->
    
    <?php } ?>
  7. eduardosully
    Membro
    Publicado 2 anos atrás #

    Acho que você não compreendeu muito bem.
    O que preciso é exatamente o que está nesse exemplo http://www.oitoouoitenta.com/serradoibitipoca, esse banner slide seja FullScreen (ajustável à resolução do monitor) e administrado pela painel do wordpress.

    Somente isso. Tens alguma solução?

  8. Diego Rojas
    Membro
    Publicado 2 anos atrás #

    Pois é, e continuo não compreendendo, vc quer que eu fale como faz ou que eu resolva um problema? Sem código não consigo ajudar, se o desafio é como faz, tenho certeza que encontra na internet com um pouco de esforço.

    Abs.

  9. eduardosully
    Membro
    Publicado 2 anos atrás #

    Pois é meu amigo. Nunca tive que perguntar nada em fórum, após muitas tentativas e pesquisas que resolvi recorrer à ajuda de alguém.

    Não consigo realmente fazer isso funcionar, já tentei diversos plugins.

    Obrigado.
    Abs.

  10. Diego Rojas
    Membro
    Publicado 2 anos atrás #

    Eduardo,

    Cara, não consegui uma solução para o que vc coloca especificamente porque vc não deu um link para vermos os codigos do problema. Mas achei um link (em inglês) que pode te ajudar na teoria da coisa:

    http://css-tricks.com/perfect-full-page-background-image/

Tópico Encerrado

Este tópico foi encerrado para novas respostas.

About this Topic