Quote from: jamesamorris at Aug 20, 2009, 09:45 AM
Ok here we go........
In the head of your page/template if you want to go mad with popups like me. I find the following order for the files works best.PS .
<link rel="stylesheet" href="/assets/templates/yoursite/lightwindow.css" type="text/css" media="screen"/>
<script src="/assets/templates/yoursite/js/prototype.js" type="text/javascript"></script>
<script src="/assets/templates/yoursite/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script type="text/javascript" src="/assets/templates/yoursite/js/lightwindow.js"></script>
Ok thats the easy part over with now lets say we want to create a slide show with 3 or 4 images........
Create your page but un-tick - RICH TEXT as I found posting lightwindow links in here they would be formatted differently and not work.
<a class="lightwindow page-options" title="My Site - Picture 1" rel="my Site[Slide Show Name]" href="assets/files/mypics/pic1.png" width="500" height="375">Click Here to view my slide show</a>
<a class="lightwindow hidden" title="My Site - Picture 2" rel="my Site[Slide Show Name]" href="assets/files/mypics/pic2.png" width="500" height="375"></a><a class="lightwindow hidden" title="My Site - Picture 3 - rel="my Site[Slide Show Name]" href="assets/files/mypics/pic3.png" width="500" height="375"></a>
Once you have done this. You muct logout of MODX in order to view the popup unless you use and alternative browser. I find this works best in crome or firefox as sometimes i.e will collapse the images.
I hope this is of some help.
James
PS I only use lightwindow as I have never been able to get thickbox to work.
strange, but for me is not work.
concreteness i want to make like your
"Request a Callback"
i put in <head> JS and CSS and then call:
<a href="request-a-callback.htm" class="lightwindow page-options" params="lightwindow_type=external,lightwindow_width=500,lightwindow_height=430" title="Докладвай за нередност">
<img class="error" src="/assets/templates/newdentalstudio/images/error.png" alt="Докладвай за нередност" title="Докладвай за нередност" width="30" height="30" />
</a>
but is directly redirect...