Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal.. gostaria de fazer um tipo de lightbox, só que em vez de aparecer uma imagem somente, aparecer conteúdo e imagem. dei uma lida rápida aqui, mas não é aquelas coisas...
podem me ajudar quanto a isso ?
outra coisa que vi,.. tem como por dois CSS no mesmo documento ? (linkar eles)
Obrigado.
Ok. essa primeira do css está resolvida... obrigado.
Como não sei muito sobre js, como vou por conteúdo na janela que se abrirá, com a imagem ?
eu vou ter que fazer uma DIV para isso?
Se sim, como farei se eu preciso que o link "conteudo 1" (que vai abrir a janela com o conteudo do sistema), abra a janela sem problema algum ? isso claro se tiver lógica, porque estou confusa em relaçao a isso. complicado para entender como é que vai ficar uma div dentro de div, sem desconfigurar e manter o conteudo escondido até que alguém clique para obter mais informações.
se há outro metodo (classes) , como fazer, no css e no xhtml ?
Obrigado
>
como vou por conteúdo na janela que se abrirá, com a imagem ?
A resposta está no link que postou.
Veja o Part 2 - Activate. Ali mostra no que você deve mexer no HTML. Dá uma olhada nessa vídeo aula http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.videoaulasbrasil.com.br/ajax/criando-um-lightbox/
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
ah, mas claro, só que tipo, é conteudo em grande parde do lightbox, não só uma imagem gigante e uma legenda.. como eu faço isso ? D:
pessoas, alguém me ajude por favor até agora nenhuma resposta ://
achei um site que mostra o que preciso, e é em ajax . podem me indicar algum tutorial disso ? Obg.
http://highslide.com/tutorial#ajax-content
é pago pra faze as caxinha. eu to tentando aprender .. ta dificilzinho consegui faze algo :/
defina 'conteúdo'
o que é que vai ter que aparecer junto com a imagem?? um texto MUITO grande?
OK. seria o seguinte:
para definir o sistema - ele (o texto) abriria dentro da lightbox, com uma imagem de topo (não grande).
estou vendo esse modelo em ajax, e é isso que estou tentando fazer. o texto qe quero por é aproximadamente isso :
Integer a sagittis felis. Pellentesque sed purus arcu. Nulla mollis vestibulum mi, a venenatis quam mattis eu. Maecenas interdum interdum egestas. Mauris eget elit ut leo commodo fringilla nec nec dolor. Phasellus accumsan libero at augue accumsan volutpat. Etiam libero nulla, fermentum non rutrum ac, blandit at risus. Maecenas quis est pellentesque orci tincidunt tincidunt quis sit amet eros.
Morbi eros elit, egestas sed pretium eu, ullamcorper at libero. Quisque orci nunc, posuere faucibus porttitor sit amet, porta vel metus. Sed eu nunc vitae ligula tristique convallis ut nec nisi. Donec porta, risus a facilisis auctor, massa justo mattis nulla, sit amet consectetur justo urna eu est.
como pode ver não é grande, o que me sugerem ?
Optional: Use the title attribute if you want to show a caption.
Veja se isso resolve o problema. Se não resolver, teremos de fazer um estudo no core do plug-in e procurar por algo que nos ajude a inserir o elemento desejado.
<a href="images/image-1.jpg" rel="lightbox" title="título muito grande para teste de galeria lightbox">image #1</a>
Não ficou a imagem como link, foi bom te ficado só as palavras ali e ele abre a outra imagem a mesma coisa.
deu certo eu coloquei outra imagem e o parágrafo. falta por uma linha para separar eles dois.. e agora ?
olhe como ficou:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img153.imageshack.us/img153/1755/deucertowe.jpg&key=f1a74a059824f10f73ba14450fb38a8013a1800461559891162bbc12365d087b" alt="Imagem Postada" />
Melina, se não houver a necessidade dos efeitos de caixa, bordas arredondadas e navegação sensitiva, sugiro que faça sua própria janela modal, assim você evita ter que, além de estudar a linguagem que já disse que não domina muito bem, ainda ter que debulhar a biblioteca atrás de implementações do que deseja.
Se eu entendi bem, você quer que, ao clicar em uma imagem, apareça uma pop-up dando a descrição daquela imagem com duas opções:
Se for isso mesmo, comece montando a div no formato que deseja que o efeito aconteça. Sugiro algo assim:
<div id="modal">
<div id="window">
<img src="" alt="" title="" />
<p></p>
</div>
</div>#modal é a nossa referência, recebe também o efeito fumê que escurece o fundo
#window faz o painel branco, onde será mostrada a imagem e a descrição
faça posicionamentos absolutos e a estilização CSS a contento.
Quando aparecerem as dúvidas com Javascript, abra um tópico na sessão apropriada e me dê um toque por MP que eu te ajudo.
beleza, mas evitar de aprender javascript não parece ser algo conveniente, já que pretendo passar a vida trabalhando com um pc e na web e em programação ^^
vou procurar por ai mais informações, conforme aparecem as dúvidas eu dou um toque. Obrigado pessoal, http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
quais suas dúvidas?
tem sim