none
exibir foto em um pop-up RRS feed

  • Pergunta

  • Tenho uma página onde quando se consulta um funcionário eu exibo a foto, sendo que pro problemas de resolução não exibe de forma ou no local correto.

    Queria criar um linkbutton ou mesmo um link onde eu abriria um pop-up com a foto, claro que se a foto existir, tenho no banco um campo onde mostra o caminho da foto, eu poderia criar um <input type="hidden" > onde eu guardaria esse caminho, e verificaria caso esse campo não seja nulo eu mostraria a foto.

    Ví algumas opções como ligthbox, mais só vi exemplos com imagens fixas, poderia ser através do modalpopupextender do ajax toolkit.


    Junior

    segunda-feira, 27 de abril de 2015 14:33

Respostas

  • Samuel, Td bem.

    Eu já resolví o problema, é um projeto Web Forms, fiz o procedimento normal com modalpopupextender, dentro do panel eu coloquei um <image> onde tenho um gridview que no evento selectedindexchanged verifico se o link da imagem não está vazio e no clique no buttonlink eu mostro a foto, só o que está pegando é que no panel aparecesse o X para fechar o panel no canto superior a direita.


    Junior

    segunda-feira, 27 de abril de 2015 18:16

Todas as Respostas

  • Olá Junior, tudo bom?

    Eu não tenho certeza se entendi exatamente o problema. Você precisa exibir uma imagem de um funcionário em um pop-up com um clique em um botão e precisa saber a melhor forma de fazer? Existe a possibilidade dessa imagem não existir? Deve haver uma imagem padrão quando não há imagem? Com que tecnologia você está desenvolvendo? MVC, Web Forms? Tem alguma restrição no seu projeto para utilização de plugins de javascript?

    Att,

    segunda-feira, 27 de abril de 2015 17:59
  • Samuel, Td bem.

    Eu já resolví o problema, é um projeto Web Forms, fiz o procedimento normal com modalpopupextender, dentro do panel eu coloquei um <image> onde tenho um gridview que no evento selectedindexchanged verifico se o link da imagem não está vazio e no clique no buttonlink eu mostro a foto, só o que está pegando é que no panel aparecesse o X para fechar o panel no canto superior a direita.


    Junior

    segunda-feira, 27 de abril de 2015 18:16
  • Coloque um buttom para o "X" no evento "MouseMove" acrescente o código necessário, ao mouse passar por uma área livre do "Panel", você coloca no evento "MouseMove" o código necessário:

    Exemplo:

    Se o botão estiver com o "X" invisível poderás colocar no evento "MouseMove" deste botão o para  aparece o texto "X" e ao mouse sair, já no evento "MouseMove" do "Panel" você coloca button.text="" ou simplesmente que troque as cores do texto do "Button" ao passar com o mouse do button ao panel


    MS INFORMATICA - Projeto Marinner

    segunda-feira, 27 de abril de 2015 20:14
  • Olá Marcio, confesso que minha grande dificuldade é com relação ao layout, não sei mexer muito em CSS, coloquei dois botões, mais não me agradou o que estou querendo é algum exemplo de CSS onde no modal no canto superior direito tenha um X onde ao ser clicado ele fecha o modal, é o mesmo que aparece no exemplo do lightbox(http://lokeshdhakar.com/projects/lightbox2/).


    Junior

    terça-feira, 28 de abril de 2015 11:21