Autor Tópico: Imagem em slide com jquery  (Lida 6860 vezes)

Agostinho

  • Avançado
  • ****
  • Mensagens: 277
    • Email
Imagem em slide com jquery
« Online: Março 19, 2012, 11:37:16 am »
Alguem sabe se da para implmentar imagens aparecendo em slider com jquery no SC, se sim, poderiam dar alguma dica por favor.....Obrigado.

Régis Matos

  • Global Moderator
  • Expert
  • *****
  • Mensagens: 632
  • Se a porta não se abrir, construa uma.
    • Email
Re:Imagem em slide com jquery
« Responder #1 Online: Março 19, 2012, 12:26:19 pm »
Agostinho, vc tem um site e quer fazer a administração da galeria, ou vc quer fazer uma galeria ?

Bom, o que dá para fazer é o seguinte...

Você cria a pagina para administrar a galeria, para fazer upload das imagens, descrição e tal.

Ai vc pega um ex. de galeria jquery e usa. buscando do banco as imagens que vc fez o upload via painel admin.

Entendeu ?

Agostinho

  • Avançado
  • ****
  • Mensagens: 277
    • Email
Re:Imagem em slide com jquery
« Responder #2 Online: Março 20, 2012, 02:11:41 pm »
Obrigado pelo retorno, o que preciso é mostrar o slides de varias fotos sendo alternados entre 1 e outra com jquery, tenho isso em ja funcionando em outro sistema, mas nao sei como implementar no SC isso

As imagens estao no disco eno banco de dados apenas o path completo dela

Grato

Arquimedes

  • Global Moderator
  • Expert
  • *****
  • Mensagens: 561
  • Ajudar para ser ajudado
Re:Imagem em slide com jquery
« Responder #3 Online: Abril 10, 2012, 05:17:30 pm »
Existe um exemplo funcinal no sistema de exemplo de comercio eletronico


att Arquimedes

Agostinho

  • Avançado
  • ****
  • Mensagens: 277
    • Email
Re:Imagem em slide com jquery
« Responder #4 Online: Abril 10, 2012, 05:55:35 pm »
Vou olhar,  obrigado pela dica....

Haroldo

  • Expert
  • *****
  • Mensagens: 6268
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase
Re:Imagem em slide com jquery
« Responder #5 Online: Abril 11, 2012, 07:58:49 am »
Disponibilize o plugin jquery, que posso enviar exemplo para você utilizando-o.

Agostinho

  • Avançado
  • ****
  • Mensagens: 277
    • Email
Re:Imagem em slide com jquery
« Responder #6 Online: Abril 12, 2012, 09:29:44 am »
Haroldo, bom dia, o plugin que eu estou tentando utilizar é o nivoSlider ele pode ser baixado neste endereço http://dev7studios.com/downloads/46

Obrigado

Haroldo

  • Expert
  • *****
  • Mensagens: 6268
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase
Re:Imagem em slide com jquery
« Responder #7 Online: Abril 12, 2012, 09:56:07 am »
"Putz", acabei de lembrar em pensamento sobre seu tópico e que não tinha respondido, e resolvi entrar aqui e vejo sua resposta, rs.
Vou baixar e testar.

Haroldo, bom dia, o plugin que eu estou tentando utilizar é o nivoSlider ele pode ser baixado neste endereço http://dev7studios.com/downloads/46

Obrigado

geoimob

  • Novato
  • *
  • Mensagens: 38
Re:Imagem em slide com jquery
« Responder #8 Online: Abril 12, 2012, 11:22:40 am »
Tenho interesse neste assunto. Aguardo resposta, meu contato suporte@geoimob.com.br
« Última modificação: Abril 12, 2012, 11:24:28 am por geoimob »

junioralves00

  • Novato
  • *
  • Mensagens: 22
    • Web Site
    • Email
Re:Imagem em slide com jquery
« Responder #9 Online: Abril 12, 2012, 11:41:22 am »
Também tenho interesse nesse assunto. segue contato junioralves00@gmail.com
Junior Alves.

Analista Desenvolvedor

Agostinho

  • Avançado
  • ****
  • Mensagens: 277
    • Email
Re:Imagem em slide com jquery
« Responder #10 Online: Abril 14, 2012, 10:05:10 am »
Agradeço toda e qualquer ajuda, sei que como eu o tempo de todos é escasso, graças a DEUS, por isso agradeço antecipado Haroldo, valeu mesmo......

rrma

  • Global Moderator
  • Expert
  • *****
  • Mensagens: 816
  • Quem com porcos se mistura tanto bate até que fura
    • Email
Re:Imagem em slide com jquery
« Responder #11 Online: Maio 30, 2012, 11:15:35 pm »
Algum sucesso?
Rodrigo Araújo

Haroldo

  • Expert
  • *****
  • Mensagens: 6268
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase
Re:Imagem em slide com jquery
« Responder #12 Online: Maio 30, 2012, 11:48:47 pm »
Não cheguei a ver nada sobre esse assunto, mas tenho interesse nisso, vou tentar me arrumar aqui e ver se consigo testar algo.

rrma

  • Global Moderator
  • Expert
  • *****
  • Mensagens: 816
  • Quem com porcos se mistura tanto bate até que fura
    • Email
Re:Imagem em slide com jquery
« Responder #13 Online: Maio 30, 2012, 11:55:37 pm »
Beleza Haroldo, por coincidência passei a madrugada toda pesquisando sobre isso, mas como meu conhecimento em javascript/jquery é zero não obtive sucesso nenhum.

Minha intenção é montar a galeria de imagens numa consulta formato livre.

Fico na expectativa.

Rodrigo
Rodrigo Araújo

Cleyton Euler

  • Expert
  • *****
  • Mensagens: 1149
    • Associação de Usuários Scriptcase
    • Email
Re:Imagem em slide com jquery
« Responder #14 Online: Maio 31, 2012, 11:05:22 am »
Um slide com jQuery é mole de fazer. O problema é fazer ele rodar em uma consulta do SC.

Supondo que estamos fazendo um slide numa página normal, usando o plugin Cycle ficaria assim:
Código: [Selecionar]
<html>

<head>
<title>Exemplo do plugin Cyrcle</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../jquery.cycle.all.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

    $('#slide_fotos').cycle({ 
        fx: 'fade', 
        pager: '#pager',
        pause: 'true'
    }); 

}); 
</script> 

<style type="text/css"> 

#slideshow { 
    width: 960px; 
    height: 332px; 
    position: relative; 

#slide_fotos p { 
    position: absolute; 
    right: 0; 
    top: 280px; 
    z-index: 3; 
    padding: 10px 20px; 
    background: url('imagens/over_white.png'); 

#slide_fotos { 
    height: 100%; 
    overflow: hidden; 

#pager { 
    position: absolute; 
    z-index: 10; 
    top: 20px; 
    right: 20px; 

#pager a { 
    color: #000; 
    width: 17px; 
    height: 17px; 
    line-height: 15px; 
    text-align: center; 
    display: inline-block; 
    font-size: 10px; 
    margin: 2px; 
    color: #fff; 

#pager a.activeSlide { 
    color: #000; 
    background: url('imagens/over_white.png'); 

</style>
</head>

<body>

    <div id="slideshow"> 
        <ul id="slide_fotos">

            <li>
                <img src="../imagens.png" width="960" height="332" alt="" /> 
                <p><a href="link_na_imagem">texto_no_link</a></p>
            </li> 

        </ul> 
        <p id="pager"> 
 
        </p>
    </div>

</body>

</html>
Associação de Usuários Scriptcase
http://www.auscriptcase.com.br

Consultoria Scriptcase Versão 5
http://www.infinitusweb.com.br