Chcę połączyć dwa skrypty oparte o jQuery, Galleriffic (korzystam z przykładu 5) i Loupe (korzystam z przykładu 3). W skrypcie galleryffic edytowałem 630 wiersz, zmieniłem href="#'this.imageData.slideUrl.hash+'" na href="'+loupeImage+'", aby zamiast linku do następnego zdjęcia był link do tego samego zdjęcia w większej rozdzielczości.
Kod
.append('<span class="image-wrapper current"><a class="advance-link" href="'+loupeImage+'" rel="history" title="'+imageData.title+'"></a></span>')

oraz dodałem
Kod
var loupeImage = imageData.slideUrl.replace("-s","").replace("/s/","/b/");

ta zmiana działa dobrze więc przechodzę dalej.

Kod HTML dla zdjęcia galerii
[HTML] pobierz, plaintext 
  1. <div id="gallery" class="content" style="display: block;">
  2. <div class="slideshow-container">
  3. <div id="loading" class="loader" style="display: none;"> </div>
  4. <div id="slideshow" class="slideshow">
  5. <!-- POCZĄTEK - Wygenerowane przez galleryffic -->
  6. <span class="image-wrapper current" style="opacity: 1;">
  7. <a class="advance-link" title="obraz 1" rel="history" href="galeria/b/obraz-01.jpg">
  8. <img alt="obraz 1" src="galeria/s/obraz-01-s.jpg"></a>
  9. </span>
  10. <!-- KONIEC -->
  11. </div>
  12. </div>
  13. </div>
[HTML] pobierz, plaintext


Sytuacja wygląda tak, że jeśli wkleję sobie na sztywno ten wygenerowany kod HTML i wyłączę skrypt galleryffic to loupe działa, jeśli te dwa skrypty działają jednocześnie to loupe nie działa. Oczywiście jeśli obydwa skrypty działają i użyje loupe dla obrazka który nie jest obsługiwany przez galleryffic to również powiększenie loupe działa.

-------------------------- EDYTOWANE --------------------------

Plik zip z przykładem: http://www6.zippyshare.com/v/46012406/file.html
na górnym obrazku loupe działa, a na obrazkach z galerii już nie.