[Resolvido] Lightbox com Ajax
Olá pessoal!
Estou utilizando um script em Ajax para upload de imagem, ao enviar a foto ele mostra um thumb sem refresh, até ai tudo ok.
O problema é que eu preciso que ao clicar no thumb a foto abra com efeito lightbox.
Me parece que quando o thumb com link para foto é gerado via Ajax o plugin do lightbox não reconhece, pq eu coloquei um link nessa mesma página para uma foto, e ao clicar nele o efeito é acionado normalmente, só no thumb gerado pelo ajax que não da certo.
Segue código do Ajax.
$(function(){
var btnUpload=$('#me1');
var mestatus=$('#mestatus1');
var files=$('#files1');
new AjaxUpload(btnUpload, {
action: 'uploadPhoto.php',
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(jpg)$/.test(ext))){
// extension is not allowed
mestatus.text('Only JPG files are allowed');
return false;
}
mestatus.html('<img src="ajax-loader.gif" height="16" width="16">');
},
onComplete: function(file, response){
//On completion clear the status
mestatus.text('Photo Uploaded Sucessfully!');
//On completion clear the status
files.html('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files1').html('<a href="images/webinfopedia_'+file+'" rel="lightbox" target="_blank"><img src="images/webinfopedia_'+file+'" alt="" height="120" width="130" /></a><br />').addClass('success');
} else{
$('<li></li>').appendTo('#files1').text(file).addClass('error');
}
}
});
});
E o HTML onde aparece a imagem.
<table width="630" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="194" align="center" valign="middle">
<div id="me1" class="styleall" style=" cursor:pointer;"><span style=" cursor:pointer; font-family:Verdana, Geneva, sans-serif; font-size:9px;"><span style=" cursor:pointer;">Click Here To Upload Profile Photo</span></span></div><span id="mestatus1" ></span>
</td>
<td width="208" align="center" valign="middle"><div id="files1">
<li class="success">
</li>
</div>
</td>
<td width="228" align="right" valign="center"> </td>
</tr>
</table>
Tentei trocar o lightbox pelo FancyZoom, mas acontece a mesma coisa, no link criado via Ajax ele não reconhece o efeito.
Alguém sabe o que pode ser?
Vlw!!!!!
Discussão (2)
Carregando comentários...