Nivo Slider example wanted

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
10/30/2011 8:29:34 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

I think I followed your instructions correctly.

BUT

I have tried to load the slider 2 ways... on a Content Page then on a Page Directly...

I got the same results for both scenarios....

The page shows the "Caption" bar of the image, but, it is just that as a thin line across the top of the screen. Occasionaly it will show about in inch of the image but never the whole thing.

Got any suggestions where to start looking?

Thanks
Phill

10/30/2011 8:52:28 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

I just triple checked to make sure all the required files where in the zip file I sent you.  They are all there.

I then created 2 pages on a test site on my PC called Advantage and Basic.

Then I installed your skin you sent me.

Then I extracted the zip to the WebSite Root

1) Next I launched the site using /setup/Default.aspx and I saw that Nivo and Nivo 2 were both installed.
2) I installed the Nivo feature on the Advantage page.
3) I installed the Nivo 2 feature on the Basic page.

Everything works fine on both pages on my PC.

All I can think of is maybe all the files were not extracted or copied from the zip file.
Maybe the old CSS files are cached.
Reboot your PC
Can't think of what else it can be???????????

Rick
 

11/1/2011 8:05:47 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

It wouldn't align properly for some reason on my local machine... but with fingers crossed and faith in your abilities I uploaded and installed it on the production server.. low and behold it worked perfectly.

I hate to keep asking but where would I go to change the image size as they are still rather big and for a tour it is not necessary for the user to preview every detail of a page.

I will look in the code tomorrow morning to see if I can use my own brain instead of yours to find the solution.

Thanks Rick
Phill

In the style-module there is a couple of lines that refer to the image size...

.theme-default #slider {
    margin:5px auto 25px auto;  /* top right bottom left */
    width:933px; /* Make sure your images are the same size   618 */
    height:700px; /* Make sure your images are the same size    246 */
}

Can I resize each of the image files then change these settings to match? 

Am I missing something else???

11/1/2011 8:09:08 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Opps in my rush I forgot to put the address of the slideshow...

BASIC... http://www.yachtlogsoftware.com/tour-basic.aspx

Advantage... http://www.yachtlogsoftware.com/tour-advantage.aspx

Thanks

11/1/2011 8:19:34 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

Wow!  That looks great on your site.  Weird how it works great on production but not your PC at home.  That's just how IT goes some times eh?

Yes.  You are right about those css width and height setting.  That's exactly what you change.

Well....  I'm back at work so will check the forum again on the weekend.

Take Care

Rick

11/2/2011 11:14:20 AM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

Hope you have a good week at work...  Thanks for a great tool and code.

Thanks
Phill

3/22/2012 10:46:10 AM
Gravatar
Total Posts 104

Re: Nivo Slider example wanted

Are there any examples of what and how to implement this?  I cannot seem to locate any related content on Rick's web site.

3/22/2012 11:00:45 AM
Gravatar
Total Posts 18439

Re: Nivo Slider example wanted

Hi,

We have a new control that makes it easy to use NivoSlider. It will be in the next release of mojoPortal, or if you are using the latest source code it is available now.

Usage example:

<portal:NivoSlider ID="NivoSlider1" runat="server" ImageFolder='~/Data/Sites/1/nivoimages' ImageWidth='618px' />

You just point it to a folder with the images to use for slides. The images all need ot be the same size and you set the width to whatever the width of th eimages is.

Then you add one of these to style.config of your skin to add the needed CSS:

<file cssvpath="/Data/style/nivoslider/default/default.css" imagebasevpath="/Data/style/nivoslider/default/">none</file>

or

<file cssvpath="/Data/style/nivoslider/orman/orman.css" imagebasevpath="/Data/style/nivoslider/orman/">none</file>

or create your own CSS based on one of these.

So you could put the control in layout.master or you could make a simple CMS module and embed it in there.

Hope that helps,

Joe

3/22/2012 11:37:42 AM
Gravatar
Total Posts 104

Re: Nivo Slider example wanted

Thanks Joe!

You must sign in to post in the forums. This thread is closed to new posts.