How can I convert the topic preview codes for Punbb?

Good morning dear all,
I have two codes for topic preview:

These Codes are for PHPBB2:

JavaScript:

Spoiler:

CSS:

Spoiler:

and I want to convert them for PunBB.

Best Regards,
Dark-Avenger

I had actually written a preview function a few months back, except I believe it doesn't work fully for punbb.

You can try it below.
Administration panel > modules > javascript codes management > create a new script

Placement : in the sub forums

Code:

   $(function() {

        $('a.topictitle').after(' <img id="topicPreview" src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="Preview topic" alt="Preview" style="cursor:pointer;" />');
        
        $('img#topicPreview').click(function() {
            $('body').append(
            
                '<div id="preview-filter" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
                
                '<div id="topicPreview-container" style="top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                    '<div id="topicPreviewing" style="max-height:400px;overflow-y:auto;">'+
                        '<center>'+
                            '<span class="topicPreview-loading" style="font-weight:bold;font-size:18px;">'+
                                'Loading...'+
                            '</span>'+
                        '</center>'+
                    '</div>'+
                '</div>'
                
            );
            
            $('#topicPreviewing').load($(this).siblings('a.topictitle').attr('href')+' .post:eq(0)');
            
            $('#preview-filter').click(function() {
               $('#preview-filter, #topicPreview-container').remove();
           });
        });
    });

Good morning Ange,
It seem not working furthermore it has freezed some other javascripts.

I tested on punbb and for me it is working however, the layout style is messed up. All other versions except for punbb work 100%.



Do you have any scripts that could be conflicting with it ?

I removed all the other scripts and left it alone but its not working. Furthermore the recent topics widget has been freezed.

That is very weird. Could you provide a link to the forum you're placing this one ?

Thank you

Yes here it  is my test forum

Spoiler:

Ange something is going wrong with my test forum I was placed again all the javascripts and all now are disabled.
Is going wrong something with database?

Update1:
I try to force the default templates and its working. How can I find which javascript conflicts the other?

Hi,
Its solved the reason was the global problem with scrolling announcements.

Best Regards,
Dark-Avenger