jnf555 Posted June 23, 2011 Share Posted June 23, 2011 hi can anyone find me a solution, the lite box script lines will not work will th jquery line, either one works on its own but they will not work together <script type="text/javascript" src="js/prototype.js"></script><script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script><script type="text/javascript" src="js/lightbox.js"></script><link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /><script type="text/javascript" src="jquery.js"></script>thanks jnf555 Link to comment Share on other sites More sharing options...
Ingolme Posted June 23, 2011 Share Posted June 23, 2011 You would have to check the error console to see what the problem was. Have you tried changing the order of the scripts? Link to comment Share on other sites More sharing options...
thescientist Posted June 23, 2011 Share Posted June 23, 2011 jquery also has it's own lightbox implementation as well. might be easier to merge that into your app since you are already using jquery Link to comment Share on other sites More sharing options...
jnf555 Posted June 23, 2011 Author Share Posted June 23, 2011 thanks for replies, i will try a few thingsjnf555 Link to comment Share on other sites More sharing options...
jnf555 Posted June 23, 2011 Author Share Posted June 23, 2011 <html><head><title></title> <script type="text/javascript" src="js/prototype.js" ></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="jquery.js" ></script><script type="text/javascript">$(document).ready( function(){ $("#box1").animate({left:"0px",top:"50px",width:"150px",height:"150px"},500);}); </script> <style type="text/css">body{background-color:gray}#container{width:790px;height:900px;margin:auto;position:relative;background-color:white;}.thumbnail{position:absolute;background-color:silver;}</style></head><body > <div id="container"><a href="picture2.jpg" rel="lightbox" title="my caption">click here to enlarge</a><div id="box1" class="thumbnail"></div></div></body></html>tired a few options, while the jquery script is there the light box opens in another screen.jnf555 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.