Yesterday evening I was trying to use 4 effects with a set of published results:
HighlightWins3v3
ImageBG
ScoreSeparatelyMatrixV2
TableSorter
I was adding ImageBG effect after using the other three which all worked great. However, when I added ImageBG at the end I only got the default image of the setting sun. Even though When I removed the other three I got the image I as expecting.
After bit of investigation I found that I had to have the effects in a specific order to get the image I was expecting. This order for me was
HighlightWIns3V3
TableSorter
ImageBG
ScoredSeparatelyMatrixV2
Thanks for the post, but I confess I’m still having issues, even after changing the order of the effects to match the one you are using.
Have you found a reliable way to make this effect work? The only way I’ve been able to do it is to edit the Javascript directly and change the default image.
There is one thing I notice in the code: the comments say that the effect requires JQuery, but I can’t see in the final output where JQuery is actually getting loaded.
Great point about the stacking order, Huw. It’s definitely easy to overlook how these scripts interact with each other. I’ve found that placing the heavier layout effects like TableSorter or Matrix further down the list sometimes helps, but it really is a bit of trial and error depending on the combination.