Using Greybox instead of Slimbox
Posted: Fri Apr 25, 2008 3:10 pm
It is possible to use Greybox (http://orangoo.com/labs/GreyBox/) instead of the Slimbox variant of Lightbox.
Install LightBox/Slimbox as usual. Test that it's working.
Then get the Greybox files from the above URL and unzip the files from the greybox sub-folder of the installation archive into your Site, DesignPreviewHTML and PreviewHTML folders. These are the only files you need.
Edit your overall layout and replace the lines
with
Also replace the line
with
Go to Design / Library / Layouts / Lightbox Images and edit layouts Lightbox Image List and Fragment Lightbox Image List and change the fragment (about line 92 - don't alter the rest of the line)
rel=\"lightbox[$ProductAnchor]\"
to
rel=\"gb_imageset[$ProductAnchor]\"
Finally, go to Design / Additional file and add the file "loader_frame.html".
Note that Lightbox/Slimboxis the supported add-on and that I cannot provide the same level of support for Greybox.
Install LightBox/Slimbox as usual. Test that it's working.
Then get the Greybox files from the above URL and unzip the files from the greybox sub-folder of the installation archive into your Site, DesignPreviewHTML and PreviewHTML folders. These are the only files you need.
Edit your overall layout and replace the lines
Code: Select all
<script type="text/javascript" src="mootools.v1.11.js"></script>
<script type="text/javascript" src="slimbox.js"></script>
<link rel="stylesheet" href="slimbox.css" type="text/css" media="screen" />
Code: Select all
<script type="text/javascript">
var GB_ROOT_DIR = "<actinic:block if="%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e" >.</actinic:block>./";
</script>
<script type="text/javascript" src="AJS.js"></script>
<script type="text/javascript" src="AJS_fx.js"></script>
<script type="text/javascript" src="gb_scripts.js"></script>
<link href="gb_styles.css" rel="stylesheet" type="text/css" media="all" />
<!-- Actinic specific fixes -->
<script type="text/javascript>
function afterpageload(){
<actinic:variable name="OnLoadScript" value="PreloadImages" />
</script>
<script type="text/javascript">AJS.AEV(window, 'load', function() {afterpageload()});</script>
Code: Select all
<body onload="<actinic:variable value="PreloadImages" name="OnLoadScript" />">
Code: Select all
<body>
rel=\"lightbox[$ProductAnchor]\"
to
rel=\"gb_imageset[$ProductAnchor]\"
Finally, go to Design / Additional file and add the file "loader_frame.html".
Note that Lightbox/Slimboxis the supported add-on and that I cannot provide the same level of support for Greybox.