lo so che è sempre lo stesso ma non è su quello che si appoggia lo zoom, o almeno non lo era nel mio caso. Questo è il markup html che crea lightbox:
codice:
<div id="jquery-overlay"></div>
<div id="jquery-lightbox">
<div id="lightbox-container-image-box">
<div id="lightbox-container-image">
[img]../fotos/XX.jpg[/img]
<div id="lightbox-nav">
</div>
<div id="lightbox-loading">
<a href="#" id="lightbox-loading-link">
[img]../images/lightbox-ico-loading.gif[/img]
</a>
</div>
</div>
</div>
<div id="lightbox-container-image-data-box">
<div id="lightbox-container-image-data">
<div id="lightbox-image-details">
<span id="lightbox-image-details-caption"></span>
<span id="lightbox-image-details-currentNumber"></span>
</div>
<div id="lightbox-secNav">
<a href="#" id="lightbox-secNav-btnClose">
[img]../images/lightbox-btn-close.gif[/img]
</a>
</div>
</div>
</div>
</div>
il plugin che ho scaricato necessitava che l'immagine su cui si voleva applicare lo zoom stesse all'interno di un tag <a href> quindi ho dovuto modificare il murkup in questo modo:
codice:
<div id="jquery-overlay"></div>
<div id="jquery-lightbox">
<div id="lightbox-container-image-box">
<div id="lightbox-container-image">
<a id="zoom1" class="cloud-zoom" rel="adjustX:-4, adjustY:-4">
[img]../fotos/XX.jpg[/img]
</a>
<div id="lightbox-nav">
</div>
<div id="lightbox-loading">
<a href="#" id="lightbox-loading-link">
[img]../images/lightbox-ico-loading.gif[/img]
</a>
</div>
</div>
</div>
<div id="lightbox-container-image-data-box">
<div id="lightbox-container-image-data">
<div id="lightbox-image-details">
<span id="lightbox-image-details-caption"></span>
<span id="lightbox-image-details-currentNumber"></span>
</div>
<div id="lightbox-secNav">
<a href="#" id="lightbox-secNav-btnClose">
[img]../images/lightbox-btn-close.gif[/img]
</a>
</div>
</div>
</div>
</div>
Ovviamente la creazione di questa parte html avviene dentro la libreria di lightbox.
Poi ho identificato il punto in cui veniva aperta la galleria(_set_image_to_view) con il click e ho inizializzato il plugin facendo riferimento a l'id zoom1 e ho modificato la proprietà href del tag a applicandoci l'immagine piu grande.
codice:
$('#zoom1').attr('href',immagine per lo zoom);
$('#zoom1').CloudZoom();
Ovviamente utilizzando script per lo zoom differenti le modifiche potrebbero cambiare.