Light box not working

Light box not working
0

#1

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

window lightbox


#2

Could you please provide a link to your code, prefereably in an online editor like CodePen?


#3
<!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>

#4

strange i cant write my code
i paste it and its gone


#5

Select all the text and then click </> icon. I have done it already.


#6

select what?
add </> to link and script tags?


#7
  • paste in code
  • select all the code
  • click </>

#8
<!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>