MooFlow into a block/article?

[JDC]

Hey guys, I am trying to add MooFlow (with mootools) into a page on my site. The page is located here: http://www.fullfusionfilms.com/?page=films
I am running version SMF 1.1.7 and TinyPortal v1.0.5.
I have followed THESE instructions, and have managed so far to get a large blank box (if you look on the site)

Step 1: Download MooFlow here http://www.outcut.de/mooflow/

Step 2: Unzip and upload folder to your root. Rename the folder to MooFlow

Step 3: Open your themes index.template file and add these lines just before </head>

Code Select Expand

<script type="text/javascript" src="MooFlow/mootools-beta-1.2b2.js"></script>
<script type="text/javascript" src="MooFlow/MooFlow.js"></script>
<script type="text/javascript">
var myMooFlowPage = {

   start: function(){

      var mf = new MooFlow($(\'MooFlow\'), {
         stylePath: \'MooFlow/MooFlow.css\',
         useSlider: true,
         useAutoPlay: true,
         useCaption: true,
         useResize: true,
         useWindowResize: true,
         useMouseWheel: true,
         useKeyInput: true,
         startIndex: 4
      });   
   }
   
};

window.addEvent(\'domready\', myMooFlowPage.start);
</script>


Step 4: Make a new script block and insert all this code:

Code Select Expand


<div id="MooFlow">
<div><img src="MooFlow/img/1.jpg" title="Title" alt="Some descriptions" longdesc="Link" /></div>
<div><img src="MooFlow/img/2.jpg" title="Title" alt="Some descriptions" longdesc="Link" /></div>
<div><img src="MooFlow/img/3.jpg" title="Title" alt="Some descriptions" longdesc="Link" /></div>
</div>


Step 5:  Edit the image titles, descriptions etc...


Now this has not worked, but that tutorial is a bit old, so if anyone could PLEASE help me ASAP it would be much appreciated, because I don't know where to go from here.

Thanks - Josh

[JPDeni]

Do you have a "Mooflow" directory on your site that has the images in it?

[ZarPrime]

Josh,

This looks like something you will have to ask the author of the code snippet about.  The link in step 1 is not even available.  I don't see how we can help you but maybe somebody else has an answer and will pop in here.

ZarPrime

[Ken.]

Try the link this way:
http://www.outcut.de/MooFlow/

[JPDeni]

Try accessing your MooFlow folder by

Code Select Expand


../MooFlow/


[JDC]

Hey thanks for the replies.

1: Sorry I meant to mention that I had the files and put them into the directory.
2: I did re-post to that person but I didnt get any help so I turned to the next best place

I've done everything right as far as I can tell

[JPDeni]

Did you try using

Code Select Expand


../MooFlow/


in your URLs?

It seems to me that blocks are run by the Load.php file, which is inside your Sources directory. So, when you use MooFlow/, the script is looking for a subdirectory inside that folder.

Another thing you could try is to put your whole URL in...

Code Select Expand


http://www.fullfusionfilms.com/MooFlow/


The directory is there. It's just not being accessed.

[JDC]

Hmm so I changed  it and still no change. Here is whats in my index.template.php

Code Select Expand

<script type="text/javascript" src="../MooFlow/mootools-beta-1.2b2-compatible.js"></script>
<script type="text/javascript" src="../MooFlow/MooFlow.js"></script>
<script type="text/javascript">
var myMooFlowPage = {

   start: function(){

      var mf = new MooFlow($(\'MooFlow\'), {
         stylePath: \'../MooFlow/MooFlow.css\',
         useSlider: true,
         useAutoPlay: true,
         useCaption: true,
         useResize: true,
         useWindowResize: true,
         useMouseWheel: true,
         useKeyInput: true,
         startIndex: 4
      });   
   }
   
};

window.addEvent(\'domready\', myMooFlowPage.start);
</script>


[JPDeni]

Then I would try the full URL.

[IchBin]

How come the single quotes are escaped? Are you putting this in a php or html article?