Actualitzant Thickbox

16 Abril 2009

Segur que molts de vosaltres coneixeu Thickbox, una implementació de la llibreria JQuery que permet afegir a una pàgina web la funció d’ampliar de forma dinàmica una imatge. Doncs avui no explicarem com fer-la servir ja que a la pàgina principal ho explica molt bé.

Thickbox, encara que molt potent i estètic, no s’actualitza des d’agost del 2007. Açò fa aparèixer errors a l’utilitzar-la amb les versions més recents de JQuery. En concret m’he trobat amb dos: no funciona la visualització com galeria i es veu malament amb l’Internet Explorer 6.

Per arreglar l’error de la galeria he trobat la solució per Internet, no recorde on exactament, però el que heu de fer és localitzar la següent línia:

TB_TempArray = $("a[@rel="+imageGroup+"]").get();

I reemplaçar-la per:

TB_TempArray = $("a[rel="+imageGroup+"]").get();

I finalment, per solucionar l’error que es presenta a l’Internet Explorer 6, he hagut de fer un hack jo mateix que realment no sé si funcionarà del tot bé. Jo l’he provat i funciona.

Localitzeu la funció:

function tb_position()

I reemplaçarem la funció amb el següent:

function tb_position() {
$(“#TB_window”).css({marginLeft: ‘-‘ + parseInt((TB_WIDTH / 2),10) + ‘px’, width: TB_WIDTH + ‘px’});
if ( !(navigator.appName == ‘Microsoft Internet Explorer’ && navigator.appVersion < 7)) { $("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'}); } } [/sourcecode] Agrairia que m'informàreu si algunes de les solucions no vos funciona.

Anuncis