Problems installing Nivo Slider - SOLVED

[Meint]

Hi all,

I am having problems installing the Nivo Slider in Website Baker. I tried the module first but with that I get a menu item which i don't need since the slider needs to be on every page in the header. I didn't fully get it to work but decided not to continue this road since i don't need a menu item.

Secondly i tried to install the nivo slider directly based upon the tutorial from the makers of the slider. Result: can't get it working and I have no idea why.

Finally i found out there is a plugin as well for Website baker so installed all the necessary programs LibraryAdmin and Lib_jquery. First of all now I have a menu item again plus the thing is not working.

Does anyone have experience with the nivo slider in Website baker and can he/she help me with the installation? I spend in total over three days figuring this out and I am about to give up..

Hope to hear from anyone soon.

Cheers, Meint

[dbs]

hi, can you post a link to your slider-page?

[Meint]

Sure. Here it is: http://nieuw.websitesvoormkb-ers.nl/pages/nivoslider.php

Via menu item 'Home' you will see the installation via the tutorial from http://nivo.dev7studios.com/support/jquery-plugin-usage/

via menu item 'Nivo-slider' you will see the installation via the plugin. For the same reason as the module I haven't finished that since i don;t want the slider to be a menu item.

However, in the meantime I am continuing to figure it out myself so it might change in the next hour.

[dbs]

the pathes to your pics are relativ?
they will not be found.

http://nieuw.websitesvoormkb-ers.nl/modules/lib_jquery/plugins/nivo-slider/jquery.nivo.slider.pack.js    and
http://nieuw.websitesvoormkb-ers.nl/modules/lib_jquery/plugins/nivo-slider/nivo-slider.css        are not found.

[Meint]

There was a folder with a different name. I changed it and it seems something is starting to work now. I copies the images for the slider in the images folder (slide1.jpg, slide2.jpg, slide3.jpg and slide4.jpg) can't figure out yet where to  change the path to the images.

Would you also happen to know how to stop it being a menu item?

[dbs]

plz look into your editor (sourcecode). how is the path to the images?
how put you the images in the editor?

the images should be in the media-folder an with the editor (image-button) you select they.

[Meint]

I continued my effort to get the Nivo slider working this morning. I am using the direct option as described in the tutorial from http://nivo.dev7studios.com/support/jquery-plugin-usage/.

First i installed the demo version on an empty subdomain without installing website baker:
http://test.websitesvoormkb-ers.nl >> It works!

Secondly I installled everything in the same way in the index.php plus template.css from Websitebaker template "Simple":
http://nieuw.websitesvoormkb-ers.nl >> It doesn't work now. The sliders is just not loading.

Big question is, why doesn't it work now?

[dbs]

the pathes to your pics are wrong.
websitebaker has not the same structure like the demo-site of nivoslider-

[Meint]

In the index i referred to <img src="images/slide1.jpg" alt="" /> Since the image folder was in the same place as the index file I would expect that it would be able to find the image. It works in the demo where I used exactly the same folder structure for the slider.

In the meantime I changed the path to the image by putting the full paths to the 4 images in the index.php:

http://nieuw.websitesvoormkb-ers.nl/templates/simple/images/slide1.jpg
http://nieuw.websitesvoormkb-ers.nl/templates/simple/images/slide2.jpg
http://nieuw.websitesvoormkb-ers.nl/templates/simple/images/slide3.jpg
http://nieuw.websitesvoormkb-ers.nl/templates/simple/images/slide4.jpg

It still doesn't work though.  

Do you have any idea what else can be wrong?

[dbs]

In the index.php you can use something like this:

Code:

<img src="<?php echo TEMPLATE_DIR; ?>/images/slide1.jpg" />

without libraryadmin you need this path also for nivo-css and js.

[Meint]

Thanks for your reply dbs. I solved the problem by describing the paths to all the other files as well. Meaning the nivoslider.css, jquery.nivo.slider. pack.js etc.

I thought that you could refer to files the same way as you refer to (background)images in the CSS file but by now i understand it doesn't work that way for all documents.

Thanks again for your help!

Cheers, Meint

[dbs]

within the template.css you can use the relative pathes to backgroundimages. 
but not within the index.php.
now you know that.