Because I want to work with jquery the supportteam advises me to use slimbox instead of lightbox. I'm trying to implement the slimbox script in stead of lightbox but can't get it to work. Can somebody help me with this?
I followed all the steps as seen on http://www.digitalia.be/software/slimbox but it doesn't load the images in the slimbox. I also changed rel="lightbox-page" to "lightbox". After that I deleted:
<script type="text/javascript" src="$config[dir_core]prototype.lite.js"></script> <script type="text/javascript" src="$config[dir_core]moo.fx.js"></script> <script type="text/javascript" src="$config[dir_core]litebox-1.0.js"></script> <script type="text/javascript"> <!-- var cfBorderColor = "#999999"; var cfLangNoWord = "$lang[cf_no_word]"; var cfLangMail = "$lang[cf_mail]"; var cfWrongValue = "$lang[cf_wrong_value]"; var cfToSmallValue = "$lang[cf_to_small_value]"; var cfTxtToShort = "$lang[cf_txt_to_short]"; var lbImage = "$lang[Image]"; var lbOf = "$lang[of]"; AddOnload( initLightbox ); //--> </script>
My jquery-script works now but the slimbox isn't. Any idea how to implement this slimbox?
You should not delete this...just remove last line AddOnload( initLightbox );
<script type="text/javascript"> <!-- var cfBorderColor = "#999999"; var cfLangNoWord = "$lang[cf_no_word]"; var cfLangMail = "$lang[cf_mail]"; var cfWrongValue = "$lang[cf_wrong_value]"; var cfToSmallValue = "$lang[cf_to_small_value]"; var cfTxtToShort = "$lang[cf_txt_to_short]"; var lbImage = "$lang[Image]"; var lbOf = "$lang[of]"; AddOnload( initLightbox ); //--> </script>
Have you added slimbox.js next to jquery.js? Check on the live page in source code if rel tag is really used. This should be pretty easy to implement. I'm using shadowbox and jquery on my page and it works just fine. The procedure is about the same.