drk | Dynamic instrumentation of the Linux kernel | Code Inspection library

I've been putting trying to get a dark overlay on an image/video on my bootstrap 5 site, but every time I do so, it also puts it over the text? My Code is as follows

When I click on a button that I have given, I want the button to activate the animation, but I have two animations when I add both, I get an error, how can I solve it :) I'm doing this animation for dark mode transition effect

I have been trying to figure out Python threading more and more and I got stuck when it comes to queue.

My idea is to have a CSV file that reads (lets say a line of 1000 row of csv lines). what I want to do is to read the information for each line in the CSV but I want it to do it thread-way. by that I would like to have a amount of x threading running simultaneously which means if I want 5 threading to run at the same time. It should only be 5 threads that should run.

Once one of the 5 threads is finished it should imminently run a new line from the csv (and stop if there is nothing more to read).

What I have done so far is:

Updated

I switched from using the jquery scrollLeft and scrollTop functions to the javascript scrollTo function, which allows me to combine the scrollbar assignment into one call, and doesn't require the jquery overhead.

Background

I'm creating a viewer that lets the user mouse-drag in a 'control' box or use vertical/horizontal scrollbars around a 'display' box for a table and another 'display' box for an image. The scrollbars around the two 'display' boxes independently position the contents of their respective boxes. Besides working as normal scrollbars, they also show the user what part of the 'display' box content is being seen in each 'display' box. Without the scrollbar the mouse-drag doesn't give you any idea how big the contents are. The 'display' boxes use the overflow: auto; css/style property to show the scrollbars when necessary.

Here is the layout of the important controls and displays in the demo page, that is included, below:

A mouse-drag 'control' box is on the upper-left side of the screen. A table 'display' box is in the upper middle of the screen. An image 'display' box is on the upper-right side of the screen.

Below these boxes are two rows of x and y scaling inputs. The first set is for the table 'display' box. The second set is for the image 'display' box.

Below the scaling inputs is a set of inputs and a button that allows you to set the number of horizontal and vertical pixels to move the scrollbars by, and a button to set update the scrollbars with. I was using this to determine the proper scaling values for the two 'display' boxes, but is produced different results than using the mouse-drag 'control' box, so while it does move the scrollbar, I found that it was somewhat of a dead-end for me.

Below these inputs and buttons is a button to automatically count the number of times the scrollbars would need to be incrementally moved by the specified amount of pixels in the above inputs. This only works for the table 'display' box, and also is a dead-end for the same reason as the above controls.

Below all of these are two information output areas. The first one shows information about the mouse events and sizes of the 'control' and table 'display' boxes, but not the image 'display' box. The second one show the values that are entered into the scaling inputs, which is useful to help keep track of the scaling values that you've tried when determining the proper values for each 'display'box.

Problem

So far I haven't figured out the relationship between the sizes of the mouse-drag 'control' box and the two 'display' boxes, so I've had to manually determine these values by trial and error. If the scaling values aren't 'close-enough' then the 'display' boxes' contents in the two 'display' boxes won't properly synchronize with the mouse-drag movements in the 'control' box.

I updated this question with an image 'display' box, so it could be seen that the scaling values are different for each 'display' content item. Further, if the size of the 'content' item changes, say when the image is zoomed in or out, then the scaling values also change.

This is why I really need help with how to properly calculate them.

when scrolled to the section.drk changes the color of the logo, but only changes in the first section.drk and the rest does not. Can anyone help?

This is my code in jQuery