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/24/2011 8:26:27 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Nivo Slider example wanted

Hi,

I have been trying to get the Nivo Slider to work all day today with no better results than this morning.

Has anyone used it successfully that can give me a hand in getting it to work for me?

I have tried to put the code on a Content page as well as directly on a Page... neither produced anything close to working.

The example talks about this bit of code should be in the page header???? This bit of code goes in the body????  This is CSS styling... where does it go??? etc.

I know it looks like it should be a slam dunk... sorry but my basketball stinks...

Any help gratefully accepted.

Thanks in advance

10/24/2011 9:36:38 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

If you can wait till the weekend, I'll have a spare hour to look at this for you.  Super busy right now.  The water is over my head and I am going down for the last count.

Rick

10/25/2011 11:02:21 AM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

No problem I have more than enough to keep me busy, fortunately not as busy as you sound.  Thanks I look forward to the weekend then.

Thanks

Phill

10/28/2011 10:06:12 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

Please email me:
1) your latest skin
2) the images you want to use with Nivo
3) let me know if you will be using Nivo in the header or in the body as a feature you can install.

I'll try sometime on Saturday after I fix my plumbing problem.crying

Rick

10/29/2011 11:39:46 AM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

Thanks for the help. to answer your questions first...

  1. Files are on my Skydrive (https://skydrive.live.com/#!/richupload.aspx/Nivo%20skin%20etc?cid=18f973a04b9b1773&sc=documents&nl=1)
  2. Images on my Skydrive (same as above)("Basic" = slide show #1/"Advantage"= slide show #2)(Each set each image number for the order in which they are displayed)
  3. I would like to have Nivo in the body of a "Content" page.  Current design thought is that as Content it can be placed anywhere on an existing form or Content page.  If that is not possible then just have 2 pages 1 for each "Tour".
  1. Image sizes can be modified to any size to make the Tour look good.
  2. If you have any issues withe the SkyDrive please let me know.
  3. I am open to any suggestions or thoughts that will make the tour look better

Any questions of needs just let me know... I really appreciate the help...

Thanks
Phill

10/29/2011 1:06:06 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

I logged into SkyDrive with my windows Live ID and got the message.

"This item might not exist or is no longer available"

Maybe it's not finished uploading yet.

Got to go out.  Will try later.

Rick

10/29/2011 1:28:09 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

Sorry about that... I think i have it opened now... Nivo skin etc...

https://skydrive.live.com/redir.aspx?cid=18f973a04b9b1773&resid=18F973A04B9B1773!413

I have set the permissions to Everyone...

Phill

10/29/2011 6:39:29 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

Got the files.

Your site is 950 wide but your images are 1024 wide so I'll resize them to about 930 wide.  That is... if you are not going to have left or right side bars where Nivo is going to be used.  Sidebars????????????

Next.  My implementation of Nivo is not finished and "as is" you can only have one instance per site until I complete it which will allow unlimited.  However...  I'll expand what I'm doing for you so you can have 2 seperate features.  Nivo 1 for Advantage and Nivo 2 for Basic.

I'll do this tomorrow (Sunday)

Rick
 

10/30/2011 3:01:10 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Nivo Slider example wanted

Hi Phill

I emailed you a 3.5 Meg zip file with what you need.
Unzip the file into your website root.  Then navigate to your sites   /setup/default.aspx  to install the 2 features.

Once installed the feature Nivo will install all your "Advantage" images as a Nivo slide on a page.

The Nivo 2 features will install all your "Basic" images as a Nivo Slider on a page.

I resized all 40 images to 933 X 700 and changed them to jpg images at 50%.  This reduced the size of the images from about 200K to about 60k which will load the 25 slide show images WAY faster.

Rick

10/30/2011 6:17:52 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Nivo Slider example wanted

Hi Rick,

Sorry I could not get to this before today but I have been stuck trying to figure out why my Backup program from Dell comes to a grinding halt at 60%.  Still not resolved but after 6 hours with Tech Supp on my machine I told them I would email when the Backup completes...

So back to the important stuff...

I am downloading my email now and will let you know how it goes...

I really thank you and feel like I need to do something to recognize your going over and above board on helping me here.... You and the others are the big reason why I keep being pushed to evaluate other system and every time it comes back to actual tools which are included and the wonderful support on the product.  A BIG thanks goes to you Rick.

Thanks
Phill

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.