Probleem bij combinatie van 2 javascriptjes

[Tweaker36]

Hoi,

Op mijn website maak ik gebruik van Photo Album Script. Dit JS maakt automatisch een aanpasbare gallery (met 'tabbladen') van de gedefinieerde afbeeldingen. Het script werkt met thumnails en geeft de volledige afbeelding in een nieuw venster (pop up) weer. Werkt technisch prima, maar die pop up kan beter...

Verder heb ik Floatbox, een zeer leuke imageviewer. Werkt ook prima.

Nu, ik wil de Floatbox in de andere integreren. Daarvoor heb ik het Photo Album Scriptje geupdate, zodat de afbeeldingen een class en rev meekrijgen. Dan doet floatbox de rest. Dat werkt prima, tot je naar de volgende set afbeelingen over gaat, dan gaat ie de mist in...

Een voorbeelpagina: http://www.cinematicmod.com/cm_1.php
Het Photo Album script: http://www.cinematicmod.com/js/photogallery.js
Het Floatbox script: http://www.cinematicmod.com/floatbox/floatbox.js

Niet dat ik JS expert ben, maar als ik het goed zie, maakt het Photo Album Script een tabel aan, en zet daar de afbeeldingen in. Door naar een volgende 'pagina' te gaan, worden de afbeeldingen in de tabel door nieuwe vervangen. Maar, waarom is Floatbox dan niet meer actief??
Je blijft op dezelfde pagina, ik zie geen (i)frames of dergelijke, dus ik snap eigenlijk niet goed, waarom het Floatbox script schijnbaar niet meer actief is...

Kan er mij iemand de oorzaak van het probleem uitleggen? Dat is namelijk erg handig, als ik degelijk naar een oplossing wil kunnen zoeken.

Alvast bedankt!

[Tweaker36]

Sorry voor dubbelpost.

Het probleem schijnt hem, volgens de maker van Floatbox, te zitten in het volgende:

I think when you click "Browse Gallery: 2" you are dynamically loading new anchors and thumbnails onto the page. Floatboxed anchors that weren't present when the page was loaded didn't get the floatbox onclick action assigned to them.
Check out the instructions at http://randomous.com/floatbox/instructions#ajax for details and how to handle it.

Dat dus even bekijken...

Edit: snap er niet veel van... Probleem situeert zich allicht hier ergens:

JavaScript:

    var gdiv=document.getElementById("photogallery-"+this.gcount)
    var pdiv=document.getElementById("photogallerypaginate-"+this.gcount)
    gdiv.onselectphoto=function(imgobj, linkobj){return true} //custom event handler "onselectphoto", invoked when user clicks on an image within gallery
    this.showpage(gdiv, 0)
    this.createNav(gdiv, pdiv, ptext)
    gdiv.onclick=function(e){return photogallery.defaultselectaction(e, this)} //attach default custom event handler action to "onclick" event
    return gdiv

En daar moet zoeist in verwerkt worden:

JavaScript:

if (xmlReq.readyState == 4) {
  document.getElementById('myXmlDiv').innerHTML = xmlReq.responseText;
  fb.anchors.length = 0;
  fb.tagAnchors(document);
}

Maar verder...

[ Voor 45% gewijzigd door Tweaker36 op 22-10-2009 20:35 ]