Functionalitate LIGHTBOX se pierde

#1
nevergone

Posted 15 April 2010 - 11:57

Junior Member

Grup: Members
Posts: 154
Înscris: 27.03.2009

Am o problema si nu stiu de unde sa incep cu debug-ul .

Am o imagine care se deschide folosind functionalitatea de la lightbox si functioneaza ok.

In momentul in care adaug acelasi continut intr-un DIV folosind jquery , functionalitatea lightbox se pierde,desi am adaugat exact acelasi continut iar pagina e exact ca la inceput .

Cum pot repara asta ?

La fel se intampla si cu greybox

<html>
<head>
<link rel="stylesheet" type="text/css" href="lightbox/lightbox.css"/>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function refreshme() {
	$("#refreshme").html('<a href="http://blackwaiter.files.wordpress.com/2009/07/google-chrome-logo.jpg" rel="lightbox"><img src="http://blackwaiter.files.wordpress.com/2009/07/google-chrome-logo.jpg" /></a>');
}
</script>
</head>
<body>
<a href="#refresh" onclick="refreshme();">REFRESH ME</a>
<div id="refreshme">
<a href="http://blackwaiter.files.wordpress.com/2009/07/google-chrome-logo.jpg" rel="lightbox"><img src="http://blackwaiter.files.wordpress.com/2009/07/google-chrome-logo.jpg" /></a>
</div>
</body>
</html>

Edited by nevergone, 15 April 2010 - 12:01.

Back to top

#2
senoctar

Posted 15 April 2010 - 12:07

Member

Grup: Members
Posts: 733
Înscris: 01.07.2006

Lightbox se ataseaza la imagini dupa ce se incarca pagina. Orice imagine adaugata prin javascript dupa acel moment nu vor fi luate in seama. Apeleaza initLightbox() dupa ce adaugi o imagine dinamic cu jQuery.

Back to top

#3
nevergone

Posted 15 April 2010 - 14:41

Junior Member

Grup: Members
Posts: 154
Înscris: 27.03.2009

senoctar, on 15th April 2010, 12:07, said:

Lightbox se ataseaza la imagini dupa ce se incarca pagina. Orice imagine adaugata prin javascript dupa acel moment nu vor fi luate in seama. Apeleaza initLightbox() dupa ce adaugi o imagine dinamic cu jQuery.

Daca am un plugin in Javascript care tot asa necesita sa il incarc la fiecare apelare , cum pot face asta ?
De exemplu am plugin-ul asta de font-uri : http://cufon.shoqolate.com/generate/ ,iar daca dau schimb continutul unei portiuni de site tot cum am facut anterior , si adaug acelasi continut , nu imi afiseaza fonturile corect ,decat la prima incarcare a paginii.
Daca incerc sa includ din nou script-ul nu se rezolva nimic

<script type="text/javascript" src="cufon-yu.js"></script>

Se poate crea o functie care sa reincarce cum trebuie ?

Back to top

#4
MembruAnonim

Posted 16 April 2010 - 11:23

MembruAnonim

Grup: Banned
Posts: 398,284
Înscris: 08.10.2015

I. Pentru lightbox ai dou� posibilit�ți:
1) editezi frumușel plugin-ul și �n loc de

return this.unbind('click').click(_initialize);

pui

return this.die('click.lightbox').live('click.lightbox', _initialize);

2) reapelezi funcția de fiecare dat� c�nd adaugi un element �n pagin� $('a.clasa').lightbox()

Dac� ai multe elemente cu lightbox pe ele (o galerie, de ex), �ți recomand prima variant�, e mai cpu friendly.

II. Pentru Cufon:

presupun�nd c� apelezi cufon așa (e un pic mai flexibil dec�t s� scrii zece selectori diferiți):

$('.replaceFont').each(function(){
	Cufon.replace(this);
});

�nlocuiești cu:

$('.replaceFont').filter(function(){if($(this).find('cufon').length===0) return this;}).each(function(){
   Cufon.replace(this);
});

Și �l apelezi de c�te ori vrei tu

Edited by i0nutzb, 16 April 2010 - 11:27.

Back to top

#5
nevergone

Posted 16 April 2010 - 13:38

Junior Member

Grup: Members
Posts: 154
Înscris: 27.03.2009

i0nutzb, on 16th April 2010, 11:23, said:

I. Pentru lightbox ai dou� posibilit�ți:
1) editezi frumușel plugin-ul și �n loc de

return this.unbind('click').click(_initialize);

pui

return this.die('click.lightbox').live('click.lightbox', _initialize);

2) reapelezi funcția de fiecare dat� c�nd adaugi un element �n pagin� $('a.clasa').lightbox()

Dac� ai multe elemente cu lightbox pe ele (o galerie, de ex), �ți recomand prima variant�, e mai cpu friendly.

II. Pentru Cufon:

presupun�nd c� apelezi cufon așa (e un pic mai flexibil dec�t s� scrii zece selectori diferiți):

$('.replaceFont').each(function(){
	Cufon.replace(this);
});

�nlocuiești cu:

$('.replaceFont').filter(function(){if($(this).find('cufon').length===0) return this;}).each(function(){
   Cufon.replace(this);
});

Și �l apelezi de c�te ori vrei tu

Merci mult pentru ajutor !

Back to top

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

Functionalitate LIGHTBOX se pierde

#1 nevergone Posted 15 April 2010 - 11:57

#2 senoctar Posted 15 April 2010 - 12:07

#3 nevergone Posted 15 April 2010 - 14:41

#4 MembruAnonim Posted 16 April 2010 - 11:23

#5 nevergone Posted 16 April 2010 - 13:38

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
nevergone

Posted 15 April 2010 - 11:57

#2
senoctar

Posted 15 April 2010 - 12:07

#3
nevergone

Posted 15 April 2010 - 14:41

#4
MembruAnonim

Posted 16 April 2010 - 11:23

#5
nevergone

Posted 16 April 2010 - 13:38