Jquery plugin named zoomooz do not work ?

[armin_kessler]

Hello All:

I'm created a form to test the plugin zoomooz with the example
from the page: http://designshack.net/articles/javascr ... th-jquery/

I aply all the instruction of the page( Include javascript files, CSS, etc ) , but it doesn't work.

What I'm doing wrong.

Thanks in advance Armin ...

[Mark]

Hi Armin,

I've managed to implement this.

To keep it simple I first created a presentation template called zoomooz.
then I created a style-sheet called zooomooz and put all the styles in it and then attached this to the presentation template.

Then I added the external script

Code: Select all

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js 

to the presentation template .

Then I downloaded the zoomooz library and extracted the jquery.zoomooz.min.js and put it in UfsServer\tomcat\webapps\ufs\javascript directory and then attached that to the presentation template as an external script.

NB: the jquery needs to be above the zoomooz script in the presentation template.

I then created a simple form with 2 panels on it and attached the presentation tenmplate.

Panel 1: id of headline and an html component with the zoom gallery title stuff in it
panel 2 with an id of gallery and a class of zoom and an html component with the ul > li in it.

Then in the html properties of the page I specified an id locator and put this code on the jquery tab ready event...

Code: Select all

    $(".zoom").click(function(evt) {
        evt.stopPropagation();
        $(this).zoomTo();
    });
    $(window).click(function(evt) {
        evt.stopPropagation();
        $("body").zoomTo();
    });
    $("body").zoomTo();

and it worked.

You could optionally put the google font links in the form html++

[Mark]

To see it all in place and working download this ..

www.ebaseftp.com/download/forum/zoomooz.example.zip

put the .js file in the UfsServer\tomcat\webapps\ufs\javascript directory and import the .xml file via the transport directory in the usual manner and run the form.