fancybox | jQuery lightbox script for displaying images | Frontend Framework library

I just uploaded a test page When you click on them you don't get directed to the album page link. The page blinks and jumps quickly. Here is the live test page to see what I mean. Here is the live test page to see what I mean

I'm accessing an iframe thru fancybox 3 with multiple ckeditor. It's working well but I want to track if a user has inputted anything on the textboxes so that I can change the button of the fancybox and give them an alert once they hit close. This is my JS code on the iframe page:

I got the following list after scraping from the website, let's suppose random.com

I have two grouped bar charts of value changes between cases for two systems among 3 groups as below. Here I was able to add data labels to the bars using the code below (figure produced attached)

What I want to do is on top (or bottom for the negative change in value cases), add an extra data label that captures the % of the value changes as shown in the second figure with the 33% in red (I edited it in by hands). How do I achieve that from this code? Thank you in advance.

views.py:

I want to make a graph using matplotlib. I would like to add a picker function so I can find a code from this matplotlib URL: https://matplotlib.org/stable/gallery/event_handling/legend_picking.html

However when I execute this code, it is very hard to exactly select legend line because of thin legend line. I want to modify this code so that the picker function works when legend text area, right to the legend line, is clicked.

I have added this foreach for printing gallery images. But I don't want to print the gallery thumbnail inside the gallery images.

So I tried counting all the available images and initializing another variable $i=0. So if $i == 0, it means that the first image is thumbnail so it should break out of the foreach loop and restarts the loop to print the 2nd image.

Here is the code:

I am building a website to showcase my future projects. But a whitespace randomly appeared on the site. When I inspect the site in chrome, the space does not seem to belong to any element. The space is between the banner and container-fluid from bootstrap. But when I add an extra div between the banner and container-fluid, the space seems to be on top of the container-fluid rather than below the banner.

Another problem I wanted to solve was, how can I make the text "Coming Soon" disappear when I hover over the images. I tried using "+" and "~" but it doesn't seem to work.

Any help or ideas would be very much appreciated! :) Here is the code.

I want to run npm run dev command on my Laravel 8 project, but I get this error: