Codeinwp / Nivo-Slider-jQuery

Nivo Slider - The Most Awesome jQuery Image Slider
http://docs.themeisle.com/article/485-getting-started-with-the-nivo-slider-jquery-plugin
MIT License
1.25k stars 605 forks source link

Images loaded externally from imgur don't load #246

Open milleja46 opened 12 years ago

milleja46 commented 12 years ago

Ok i've set up my nivo slider to where it should load properly but it doesn't load the image i have on imgur that i've replaced the default images with. The image that should show up is http://i.imgur.com/YlBTA.png . My site is m46sg.tk (i know it maybe not the place to of asked this but i didn't see a better place to ask if imgur would work with this)

The reason i ask is because i want to use external images with the nivo slider i've placed on my website just so as not to fill up disk space allotted and save it for other stuff later down the road(the template images however are on the website)

NiklasBr commented 12 years ago

Looks like you have some local problems, can you get around those first?

nivo-slider.css GET http://m46sg.tk/nivo-slider.css 500 (Internal Server Error)

stylejquery.nivo.slider.pack.js GET http://m46sg.tk/themes/modernGreen/stylejquery.nivo.slider.pack.js 500 (Internal Server Error)

pic_sid5-0-thumb.jpg GET http://m46sg.tk/images/news_picupload/pic_sid5-0-thumb.jpg 500 (Internal Server Error) http://m46sg.tk/:54

TypeError: 'undefined' is not a function (evaluating '$('#slider').nivoSlider()')

milleja46 commented 12 years ago

well the second file i think should be there, and the first i actually followed http://nivo.dev7studios.com/support/jquery-plugin-usage/ to get it working like it already is on my screen. The picture however i did not put on the site because i didn't think it was nesscary since i wouldn't be using those default pictures. But the js part should be there... Especially if you insert a / where there should be one: http://m46sg.tk/themes/modernGreen/style/jquery.nivo.slider.pack.js

But the css file isn't nesscary if you use the tutorial i found on the site which gives you what code to use to get past without it by just copying what's there and then copying the information from the template i want to use and uploading the images(which i did all of it's just not loading the image i want)

michaelw90 commented 12 years ago

@milleja46 changing the path to have a / after 'style' should make a lot more of your site work. You need to ensure the other files exist in the locations that you've linked them to.

Michael

milleja46 commented 12 years ago

well i'd linked it properly i'd thought unless i made a mistake. I thought the issue was getting the image to show which it doesn't....it just continualy shows the loading part for the nivo slider

On Wed, Dec 14, 2011 at 4:13 PM, michaelw90 reply@reply.github.com wrote:

@milleja46 changing the path to have a / after 'style' should make a lot more of your site work. You need to ensure the other files exist in the locations that you've linked them to.

Michael


Reply to this email directly or view it on GitHub: https://github.com/gilbitron/Nivo-Slider/issues/246#issuecomment-3149917

NiklasBr commented 12 years ago

You are including both jQuery 1.4.1 and jQuery 1.4.2.

milleja46 commented 12 years ago

Ok removed the 1.4.1 one and now it works but either i'm crazy or it's doing something funky with the effects

On Wed, Dec 14, 2011 at 4:29 PM, Niklas reply@reply.github.com wrote:

You are including both jQuery 1.4.1 and jQuery 1.4.2.


Reply to this email directly or view it on GitHub: https://github.com/gilbitron/Nivo-Slider/issues/246#issuecomment-3150312

NiklasBr commented 12 years ago

Have you tried to include the stylesheet?

milleja46 commented 12 years ago

the style sheet information for the silder is in the sites css at the bottom of the sheet i just put it there with what the usage page on the site told me to do.

On Wed, Dec 14, 2011 at 4:37 PM, Niklas reply@reply.github.com wrote:

Have you tried to include the stylesheet?


Reply to this email directly or view it on GitHub: https://github.com/gilbitron/Nivo-Slider/issues/246#issuecomment-3150647

milleja46 commented 12 years ago

Is there any reason for the slider now working but quite frankly not working as shown on the main site and such? I've set all three images to the same thing and yes they transition but do not work right if you notice the messed up transition.

NiklasBr commented 12 years ago

You close some HTML elements the wrong way (check the W3 validator for info). That is probably the cause.

milleja46 commented 12 years ago

I'm not so sure that's the case since anything that's before it is closed properly according to validator.....don't see how anything i've done past improper closures might cause the effects of nivo not to run properly

NiklasBr commented 12 years ago

You are using HTML5 attributes in a XHTML 1.0 document served by the server as a text document. Are you really sure your HTML markup bugs are note related to these bugs?

milleja46 commented 12 years ago

Is there a way to tell it to use html 5 instead?

On Wed, Dec 14, 2011 at 8:58 PM, Niklas reply@reply.github.com wrote:

You are using HTML5 attributes in a XHTML 1.0 document served by the server as a text document. Are you really sure your HTML markup bugs are note related to these bugs?


Reply to this email directly or view it on GitHub: https://github.com/gilbitron/Nivo-Slider/issues/246#issuecomment-3155594

NiklasBr commented 12 years ago

<!DOCTYPE html>

NiklasBr commented 12 years ago

I see now that you are missing part of the stylesheets. Make sure the slices have position: absolute;

milleja46 commented 12 years ago

I did that but still nothing...it semi fixes it self after a second of the next slide being on screen but past that it still messes up on transition

NiklasBr commented 12 years ago

Make sure all the CSS rules are included, I see that you are missing some, including the slices and boxes.

milleja46 commented 12 years ago

ok now it works but the one caption that is supposed to show up on the second slide doesn't pop up all the way(by the way sorry if i've been any hassle to you guys i'm not a real good web designer but i'm trying to learn and fix the mistakes when i can and not have to get someone to do that job for me)

I really love nivo so far if i could just get it to a finish stage on my site it would be great

NiklasBr commented 12 years ago

That caption is empty, which is why its height is only the height of the padding.

milleja46 commented 12 years ago

Ok now that works, but it seems that only some of the effects work...why?

On Wed, Dec 14, 2011 at 11:08 PM, Niklas reply@reply.github.com wrote:

That caption is empty, which is why its height is only the height of the padding.


Reply to this email directly or view it on GitHub: https://github.com/gilbitron/Nivo-Slider/issues/246#issuecomment-3156501

milleja46 commented 12 years ago

Hrmm i have the site taken down for now for some odd reason i don't have pdo and a upgrade i'm performing requires it.