im trying to run lightbox but its not working
i have changed the file types switched from lightbox.css to lightbox.min.css
and
js files from lightbox.js to lightbox.min.js
but no use
i cant get it to work
in firefox i can get the images to pop but in a different page and in chrome its not working at all
if feel like i am messing up soemwhere in my code
but i have gazillion times checked and still cant find error
in the end tho something really minute and stupid error will appear please help
SOS
Could you please provide a link to your code, prefereably in an online editor like CodePen?
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
</head>
<body> <!--display content goes into body-->
<!--container-->
<div class="container">
<!--row-->
<div class="row">
<!--col-->
<div class="col col-md-8 push-down-sm">
<h2>window lightbox</h2>
<a href="img/FINAL-SNAKE-HOOK-2.jpg" data-lightbox="gallery"><img src="img/FINAL-SNAKE-HOOK.jpg"></a>
<a href="img/hookstickpinningstick1.jpg" data-lightbox="gallery"><img src="img/hookstickpinningstick1.jpg"></a>
</div>
</div>
<script src="js/lightbox.min.js"></script>
</body> <!--display content goes into body-->
</html>
strange i cant write my code
i paste it and its gone
Select all the text and then click </>
icon. I have done it already.
select what?
add </> to link and script tags?
- paste in code
- select all the code
- click
</>
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
</head>
<body> <!--display content goes into body-->
<!--container-->
<div class="container">
<!--row-->
<div class="row">
<!--col-->
<div class="col col-md-8 push-down-sm">
<h2>window lightbox</h2>
<a href="img/FINAL-SNAKE-HOOK-2.jpg" data-lightbox="gallery"><img src="img/FINAL-SNAKE-HOOK.jpg"></a>
<a href="img/hookstickpinningstick1.jpg" data-lightbox="gallery"><img src="img/hookstickpinningstick1.jpg"></a>
</div>
</div>
<script src="js/lightbox.min.js"></script>
</body> <!--display content goes into body-->
</html>