Abrir Lightbox Com Uma Imagem Ao Carregar Pagina

[Ewerton93 0]

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.

[Marcio Leandro 0]

Movido: PHP=>Javascript/DHTML

[desisto 0]

pode usar jQuery 1.2.6 pra fazer isso

ai você coloca na pagina

 

$(document).ready(function(){
   abrefoto();
});

vai ser aberto de imediato

[Ewerton93 0]

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

[desisto 0]

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

[Ewerton93 0]

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

[desisto 0]

estou tentando :)

 

posta o codigo do light pra dar uma olhada

[Ewerton93 0]

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;)

}

[desisto 0]

essa funcao abrefoto() funciona quando você aplica onclick?

você precisa colocar a outra " na div $("img_inicial"

[Ewerton93 0]

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

[desisto 0]

sem efeito quer dizer que nao esta com transparencia ou a div nao aparece?

[Ewerton93 0]

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.

[desisto 0]

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?

[Ewerton93 0]

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?

[desisto 0]

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

[Ewerton93 0]

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.

[desisto 0]

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

[Ewerton93 0]

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.

[desisto 0]

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

[pteixeira 0]

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.