Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ola pessoal beleza,
como faço para abrir lightbox com uma imagem ao carregar pagina assim ja de cara para o usuario sem ter que clicar em nada.
desde ja agradeço.
pode usar jQuery 1.2.6 pra fazer isso
ai você coloca na pagina
$(document).ready(function(){
abrefoto();
});
vai ser aberto de imediato>
pode usar jQuery 1.2.6 pra fazer isso
ai você coloca na pagina
$(document).ready(function(){
abrefoto();
});
vai ser aberto de imediato
tentei mais não obtive sucesso achei um link da forma como to tentando fazer clique
eu uso exatamente isso, so que no lugar da imagem é um form
esqueci de dizer...
você baixou o jQuery 1.2.6?
ou apenas colocou o codigo?
se nao baixou
http://docs.jquery.com/Downloading_jQuery
coloca o caminho do js e manda bala, depois volta e diz se funcionou
[]s
>
eu uso exatamente isso, so que no lugar da imagem é um form
esqueci de dizer...
você baixou o jQuery 1.2.6?
ou apenas colocou o codigo?
se nao baixou
http://docs.jquery.com/Downloading_jQuery
coloca o caminho do js e manda bala, depois volta e diz se funcionou
[]s
eu ja tenho ele aki o jQuery 1.2.6 mas o codigo que me passou num funciona poderia me ajudar
estou tentando :)
posta o codigo do light pra dar uma olhada
>
estou tentando :)
posta o codigo do light pra dar uma olhada
$(document).ready(function(){
abrefoto();
});
function abrefoto()
{
var img_inicial = "imagens/sede.jpg";
$(img_inicial").lightbox({start:true,events:false}); return false;)
}essa funcao abrefoto() funciona quando você aplica onclick?
você precisa colocar a outra " na div $("img_inicial"
>
essa funcao abrefoto() funciona quando você aplica onclick?
você precisa colocar a outra " na div $("img_inicial"
ola desisto
agora esta trazendo a imagem mas não com o efeito do lightbox
sem efeito quer dizer que nao esta com transparencia ou a div nao aparece?
sem efeito quer dizer que nao esta com transparencia ou a div nao aparece?
aquela transparencia preta e aquele efeito de slide na horizontal e vertical
ola voltei a estaca zero pois num tinha visto que ontem tinha criado um div e esta div e que estava aparecendo foi retira a besteira que fiz ontem e voltei a estaca zero pq não funciona o codifgo que tenho aki pq ja coloquei um alert e nem mostra ele na pagina.
eu as vezes fico com 10 paginas fazendo o mesmo teste alterando algumas coisas so pr anao correr risco de perder, isso é uma m***** mesmo
você ta usando o jQuery pra criar o light ou ta em js?
>
eu as vezes fico com 10 paginas fazendo o mesmo teste alterando algumas coisas so pr anao correr risco de perder, isso é uma m***** mesmo
você ta usando o jQuery pra criar o light ou ta em js?
vamos do começo estou com jquery com include na pagina e o lightbox tbm mas o que seria esse light?
light = lightbox
quero saber se você esta usando o jquery ou js pra criar o lightbox.
você esta criando o elemento ou esta apenas chamando ele?
posta o codigo pra ver, eu tenho um parecido mas uso pra outra coisa, se o esquema for parecido eu te passo o meu e você altera
---- edit
so pra deixar um obs pra você e quem mais estiver vendo o topico...
eu nao sou expert em js, to tentando ajudar, se alguem poder dar uma forca ficaria legal
[]s
E ai pessoal Problema Resolvido Ameeeeeeemm.....
vlw pela força desisto apos muita busca e pesquisa cheguei a esse codigo vou posta- looo abaixo pra galera que tiver duvidas como eu tiver.
<script type="text/javascript" src="/includes/jquery.js"></script>
<script type="text/javascript" src="/includes/prototype.js"></script>
<script type="text/javascript" src="/includes/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/includes/lightbox.js"></script>
<link rel="stylesheet" href="/includes/lightbox.css" type="text/css" media="screen" />
<script>
function initLightbox()
{
eImage = document.getElementById('the_first');
myLightbox.start(eImage);
}
function initLightbox2()
{
myLightbox = new Lightbox();
eImage = document.getElementById('the_first');
myLightbox.start(eImage);
}
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);
var ffversion=new Number(RegExp.$1) // capture x.x portion and store as a number
if (ffversion ==3 || ffversion == 2 || ffversion == 1 )
Event.observe(window, 'load', initLightbox, false);
}
else
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
if (ieversion ==8 || ieversion ==7 || ieversion ==6 || ieversion ==5 )
Event.observe(window, 'load', initLightbox2, false);
}
else
Event.observe(window, 'load', initLightbox2, false);
</script>
e no Body.....
você coloca uma id
eu fiz assim no body
<a href="/imagens/imgagem.jpg" rel="Lightbox" id="the_first" ></a>
E funciona .......Pronto.
so uma dica pra nao precisar essa tonelada de arquivos :)
você pode usar o js pra criar a div com a transparencia e um elemento img
simples assim, é assim que uso
abandonei a muito tempo esses lightbox's que tem por ai, nao acho funcional
é so criar os elementos e pronto
a div com a transparencia você poe 100% de largura e poe um script que pega o comprimento da pagina e define como altura
dessa forma o script completo fica com menos de 100 linhas o contrario desse varios .js
disposto a testar ou problema ja resolvido por completo?
[]s
>
so uma dica pra nao precisar essa tonelada de arquivos :)
você pode usar o js pra criar a div com a transparencia e um elemento img
simples assim, é assim que uso
abandonei a muito tempo esses lightbox's que tem por ai, nao acho funcional
é so criar os elementos e pronto
a div com a transparencia você poe 100% de largura e poe um script que pega o comprimento da pagina e define como altura
dessa forma o script completo fica com menos de 100 linhas o contrario desse varios .js
disposto a testar ou problema ja resolvido por completo?
[]s
ola Desisto beleza otima dica porem era para um cliente que tenha aqui que o mesmo tinha uma materia e queria daquela forma parecendo um slide na tela mas a sua dica e muito valida estou disposto a testar no meus futuro projetos.
muito obrigado pela força.
o efeito slide que você fala é ir passando de uma pra outra ou as setinhas 'proxima' e 'anterior'?
quando precisar da um toque aqui ou por pm
[]s
Oi Ewerton93
Isto esta mesmo dificil,
não entendi nada do q voces estão falando dá para postar ai um exemplo de godigo completo.
Valeu amigo.
Movido: PHP=>Javascript/DHTML