Mod: Cool JSFX-Element Fading for Thumbnails

Yeah, element-fading for your thumbs, see http://www.jsfx.com for examples.

Go to your gallery2-dir:

cd gallery

Copy the matrix-folder to jsfxmatrix:

cp layouts/matrix/ layouts/jsfxmatrix/

Now enter the jsfx-dir:

cd  layouts/jsfxmatrix/

Apply the patch... that changes *matrix to jsfxmatrix and adds some <script>-tags to our html-templates:

patch -p1 < matrix2jsfxmatrix.patch

btw, you can change the values for fading if you want, and well, maybe there is someone whos smart enough to add these values somewhere in the gallery as a setting.

@layouts/jsfxmatrix/templates/head.tpl
<script LANGUAGE="JavaScript">
    JSFX.FadeElemMinOpacity = 70;
    JSFX.FadeElemAutoUp      = 5;
    JSFX.FadeElemAutoDown   = 10;
</script>

Download the jsfx-script:

wget http://www.jsfx.com/development/elemfader/javascript/JSFX_ElemFader.js

Ok, we've to tell the jsfx-script what elements to use, thats happening by using class="elemFader", fortunately our thumbnails don't have a class yet, i've used the parameter in layouts/jsfxmatrix/templates/albumBody.tpl:97, but we've to use it too.
So it's necessary to add something to the imageframe-module:

@modules/imageframe/templates/ImageFrame.tpl:40
class="$class" id="IFid`$IF_count`"}{/if}{if

Could be great if the developers would add that class to the cvs too!

I think thats all...
If everything works, you should be able to select jsfxMatrix somewhere near the Album-Layout.

I wish you much fun with that new toy ;-)

it's not that long.. you could apply it by hand..

I'd like to try adding this mod to my G2, but I don't know how to edit the tpl files manually. I try to open up the tpl files with notepad, but all I get is a bunch of mushed up code. What files should I edit and how should I do it in order to get the images to fade? Any tips or suggestions would be appreciated. Thanks.

-Andrew

I attempted to edit everything manually but there were some problems.
I was unable to make these changes in albumBody.tpl:

95c97,98
< ImageFrame_pre=$smarty.capture.link ImageFrame_post="</a>"}
---
> class="elemFader"
> ImageFrame_pre=$smarty.capture.link ImageFrame_post="</a>""}

102a106
> </div>

What should I do? I can't find the first ImageFrame_pre line in the file anywhere and for the other one (</div>), I have no idea what I'm suppose to change or cut out. Any ideas?

There is also the problem with the ImageFrame file:

@modules/imageframe/templates/ImageFrame.tpl:40
class="$class" id="IFid`$IF_count`"}{/if}{if

Where am I supposed to put this? It does not appear to fit in line 40...

Please reply with any suggestions. Thanks.

Hey mindless,

Thanks for the tips, but it still doesn't seem to work...grrr.
Well, maybe it is just too outdated to implement into the current G2 version. Were you or anyone else able to get it to work before? Maybe it will be added as a module in a future version... :wink:

the patch is old so it won't apply to the current codebase.. you may be able to figure out how to apply the changes manually by looking at the diffs posted above.

I created a working patch (as for v2.0-beta-4), have fun with it.

If you follow his directions in the first post and just use the last attachment "matrix2jsfxmatrix.patch.txt" then everything should work fine. I'm assuming you have shell access or access to a Linux type box that has patch. If not you should be able to apply the changes by hand, it's really only a couple of line in album.tpl, theme.tpl and theme.inc.

You should be able to. If I was applying those changes to a theme other than Matrix, I'd just look very closely at each line in the theme to find a corresponding line that was changed in the patch.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Sorry, I guess I didn't answer your previous question clearly. Yes you want to use http://gallery.menalto.com/files/matrix2jsfxmatrix.patch_804.txt The one you're trying to use is for the old layout/theme system

The patch jortgies created, http://gallery.menalto.com/files/matrix2jsfxmatrix.patch_804.txt works with the current theme system.

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

you need to apply the patch manually, none of the line numbers will match up anymore.