using lightbox - Lokesh Dhakar with magnific popup - html

I am using Lightbox inside a magnific popup (Dialog with CSS animation).
The lightbox images are places inside the magnific popup, and when you SCROLLED down and opened an image, when you click the arrows to go to the next or prev image the screen pops up to the top of the magnific popup. This doesn't happen when using arrows on your keyboard to navigate through pictures. So what is the difference between clickng on your mouse and clicking on your keyboard? And how do i fix this? You can find the bug here http://www.mot08.hr/ostalo.html Click on one of "Više" then scroll down, open an image, and try to click with your mouse the arrows to navigate through images.
Thank you for your time & have a great day.

Related

Problems opening hyperlinks

On our webpage some links can not be opened anymore. When hovered, the correct URL is shown in the little preview box in the bottom left corner. But when clicking the hyperlink, nothing happens. Strangely it works on mobile view.
Only the hyperlinks with the link text "Weiterlesen >>" seem to not work.
Any suggestions?
Link to the page
Link to answer - How to fix problem with clicking event on bxSlider item in Chrome 73?
There is a bug with bxSlider in chrome. You should set touchEnabled: false in order to use clickable links without your slider.

Chrome extensions are not showing in popup window

Do any one knows how to make sure that extensions work in popup window as well.
I have my chrome browser[highlighted with RED rectangle box in the picture], I wanted to capture the full screen of popoup windows[which is below to chrome highlighted box]. Also to mention that popup page is very huge having big scroll in it [mentioned by blue arrow in the picture].
Its really important.
Right click the Google Chrome window on top and select open as tab, then the address bar opens with default options to the right and click the puzzle icon for your extensions :)

Stop scrolling when link is opened

Whenever my link is opened the webpage is apparently bigger than my setting (810 px in width) so when it's opened it starts scrolling in both ways. How can i stop this?
(This is for a HTML tab on Facebook with clickable 'pictures'.
and
So whenever the link is clicked and replaced the site it's bigger and it overfloats. How can i fix this?
https://www.facebook.com/pages/Testside2/649904311740074?id=649904311740074&sk=app_208195102528120

Cannot scroll in modal on mobile device

My website has a ajax interaction that brings up a full-bleed modal that is suppose to scroll scrolls.
go to www.morningharwood.com/works
Click on a project
go into a project
The Project modal will open up.
Unfortunately scrolling will no work on touch. To note the page scrolls just fine if you press and drag from the on the projects' hero image.
Does anyone know what would prevent scrolling on mobile touch?

facebook like button not appearing <fb:like>

I have added a facebook like button with this code:
<div id="fblike"><fb:like id="aa" layout="button_count" show_faces="false" ></fb:like></div>
The problem is that it works only on Chrome and IE.
How is it possible?
In Firefox it is not showing.
You can see it at: http://judopassion.com/wordpress/?p=274
When you go forward to the image gallery, a pop-up will appear with the button.
What may be the problem?
Thanks.
If it only does not work in Firefox, my guess would be this problem:
Facebook Like buttons not displaying when loaded hidden
Btw, i only see one like button on your page, and that is right next to the article, always visible in every browser. If i click on the arrows in the gallery, there´s only a popup with countdown. When the countdown is over i can browse through the pictures. No sign of an additional like button.