How do I add a Jquery slideshow to my Ning network?

[Cynthia Baptiste]

I know it's possible because this site (http://mymodernmet.com) runs on Ning and has a Jquery slideshow. Any ideas?

[The Internet Junkie]

You can run almost any type of jQuery slide show on your Ning website. It is a complicated process if you do not understand HTML, CSS and JavaScript.

[Cynthia Baptiste]

Do you have step-by-step directions? I am familiar with HTML/CSS, but I'm no ninja or anything. ;)

[The Internet Junkie]

My recommendation is to go to an open source slider like "the Nivo slider", download it to your computer and develop it from there. You can run all the code and make changes before you take it to your Ning network.

As far as step by step instruction? There are tutorials on this creators site that will help you with those sliders they are talking about. If you spend a few minutes searching this creators website, you will find them without a problem.

If you are looking for a more advanced solution, I am for hire. 

[Emmanuel Ace]

You will need a hosting site for your images and html files.

Then in Ning, just iframe the html slide

[The Internet Junkie]

While this is one possible solution, it is by far, a last resort option.

You do not need to host images. (You can do this on your Ning website.)

You do not need to host HTML. (You can paste the HTML version of the slider directly into a text box or the custom code box.)

The way a jQuery slider works?

• You have Java Script and Java Script files that control the functions and placement of the slider. 
• You have HTML for the container, images and text, if any.
• You have CSS that controls the appearance and placement. 

In order to keep up with the speed of your Ning website. Your safest option is to put it all on your Ning website. Adding all this content to a shared server and it expecting it to keep up with the speed of Nings servers, is not going to happen my friend.

Iframes are buggy across browsers and do not always work on the Ning platform.

[Cynthia Baptiste]

Okay, host the images on the Ning network-- check. Place the HTML content within the text box-- check. But where do I host the JavaScript and CSS files?

 

I SO SO SO SO SO appreciate your help, James! You're amazing.

[The Internet Junkie]

You host them on your Ning website. Upload through a blog. Use "File" feature for JavaScript, CSS files and "Image" feature for images. Copy the URL's and replace the paths to those files and images.

All the info that you get with opensource sliders can be added to a Ning website. It will take some CSS and HTML modifications to get the slider to fit in a text box.

I personally use JavaScript to place the slider and CSS to move my website content down to accommodate the slider. I don't like being restricted to a text box and instead create my own slider element that floats on My Ning website. 

[Cynthia Baptiste]

Wow, tried. But since I don't have access to the "file uploader", it won't let me. If there's a way to bypass that I'd sure love to just have you do it for me ;). How much would you charge? Feel free to PM me. :)

[The Internet Junkie]

I'm sorry, you have me confused now. Why would you not have access to the file uploader in the blog wysiwyg editor? I have it.  Are you the site creator?

You do not need the file manager which requires a pro subscription with Ning, to run the Nivo slider. You can do this with the Ning plus version.

If you wish to hire me, please contact me here.

-Flint 

[April Roh]

Hello, I have some questions about hiring someone for inserting an image slider into the main page of our network site. Are you available?

[SweetPotato]

The Internet Junkie is right, you can put pretty much any slider on your site. However, and this is a big however, because Ning loads all our script at the bottom of the page, many sliders don't look great in the time between users hitting your homepage and the script loading. That's to say the page looks a mess whilst the script loads.

Some sites, like the one you reference, host their slider off of Ning (here in this case) and display it in an iframe on their Ning site to get round this issue.

There are a few that work well without using an iframe, the best one being here. This is the one I use on my site

Good luck.

SP

ps, I am for hire but I would recommend saving some cash and trying it out.

[April Roh]

Thank you, we tried following the steps but the size of the images dont fit well with the box. Also we were not able to connect the Tabs above with the slider. How do you do this?