Making the forum collapse work with PNG's

[ssslippy]

Ok anyone have any idea on how to get the forum collapse to work with png's instead of gifs?

[nighthalk]

Originally Posted by ssslippy

Ok anyone have any idea on how to get the forum collapse to work with png's instead of gifs?

admincp -> Styles & Templates -> Replacement Variable Manager


Then add(Case-Insensitive)
Search for Text -> collapse_tcat.gif

Replace with Text -> collapse_tcat.png

[ssslippy]

I have already made the changes to make then PNG images. I should of been more descriptive was multi tasking.

When you change them to a PNG the images do not change upon collapsing and expanding.

[Lynne]

We'd need to see your source code to see why. I can't think of any reason why using a png image would act differently than a gif.

[ssslippy]

Here is the code im using for the collapse code

                   <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.png" alt="" border="0" /></a>

Here is the tbody tag put in by default by vbulletin.

<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">

[nighthalk]

You should of left the source code alone and just used the replacement manager as that is why it was put into vbulletin. So you don't have to go directly to the source for such a simple thing.

[Lynne]

nighthalk is right, have you tried reverting the template and using replacement variables instead? (I always forget about that method!!)

[ssslippy]

Using the default style and using a replacment variable for
collapse_tcat.gif -> collapse_tcat.png
collapse_tcat_collapsed.gif -> collapse_tcat_collapsed.png
It still does not flip the image dynamically. If I leave the the forum category collapsed and refreshed it shows the new image. So something with the ajax does flip a PNG.

[Opserty]

What are you talking about "flip the image dynamically"? The Javascript only changes the file name, what you may need to do is preload the image (i.e. make it really small and just use an <img> tag to load it in the browser) I'm not 100% sure but that might be why. Have you checked the source code of the page to see if it has been changed (when you collapse it).

A direct link might aid others trying to assist you.

[ssslippy]

I cant direct link anything due to it being a test forum setup. Its not switching the images when its a PNG. I really cant give anymore detail then that as its that simple.