lightbox2 | THE original Lightbox script

Newbie here, and first time experiencing this issue. My website (www.kandomedia.co.za) works perfectly fine when i was developing it offline on my local machine as per attached image. Kando Media Website Local Machine

But as soon as i upload it to my hosting account, its stuck on the preloader screen (if you visit www.kandomedia.co.za/new/ you can see this in action)

I have done quite a bit of research on google to try resolve this issue, but still cannot fix it. If i take away the preloader completely, the website is not formatted correctly like it looks on my local machine. It seems the site is not loading the CSS files etc.

I have checked, double checked and triple checked to make sure all the paths are correct, and that everything is where it is supposed to be. But still no luck.

This is the structure in the head tag:

I'm currently in the process of creating an about-us page, with a small gallery using lightbox2.

The language of the page will not be English, and due to design consistency and customer demand I'd like to change the printed "Image x of y" in the "lb-dataContainer/lb-data/lb-number"

Since it's a span created by the js I suppose my answer will be, of course, in there.

PS: I'd like to change the "Image x of y" format to an "Image x / y" format as well.

I'm very early into my web-dev career so please excuse any misunderstandings on my part.

Thanks for your time!

I have a div (div_one) with an image. Under this div, I have another, smaller div (div_two). I would like, after hover, resize (smaller height) this div_one (with the picture) and show this div_two, which is under the image. But it doesn't work as I want to. The images jump :/

I use Lightbox2 on my website. Everything is working well, but the description of the picture is not black and very badly readable. anyone knowing a solution?

regards

Markus

I'm trying to build a gallery website an i'm using the lightbox2 of this guy: https://lokeshdhakar.com/projects/lightbox2/

Can somebody tell me, where I can change the default image size? I want the picture in full screen size. The default image size is to small.

JS: I can't post the whole JS Code because it's to big and i don't know which part it is. But you can find the JS code here: https://github.com/lokesh/lightbox2/blob/dev/dist/js/lightbox-plus-jquery.min.js

CSS:

I have a simple blog website in django that contains code to play embedded videos from Twitch if a video URL is given in the Post model. The model functions appear to be working but I'm running into issues in the html template itself. The javascript code is printing directly into the blog post instead of running the script to embed the video:

Here's the snippet of code from the html template:

I followed the instructions on the lightbox page (https://lokeshdhakar.com/projects/lightbox2/#getting-started) and everything works just as it should in Live Preview of my code editor, Brackets - but when I upload the page to my server, although the modal opens correctly from the thumbnail, I don't get the nav controls (prev and next and close button), or the image caption or numbering ("Image 1 of x") on the bottom left. Not sure why this would be. Can anyone assist? Thanks.

I followed this tutorial to create a login system for my website, which has worked fine until now. I followed the steps exactly, creating all of the files needed etc. Users, when logged in as themself, are able to change their password no problem.

However, I've now created a protected directory which allows other users to reset the passwords of other users (in case they have forgotten them). This code is below:

(I've included all of the code for that page, except some of my styling elements (e.g. menu bar that sits above the rest of this code). While I understand this may not be the best way, I wanted to ensure I was giving you all as much information as possible.)