DMXzone Nivo Slider Support Product Page

There seems to not be a loading indicator (gif) for the Nivo Slider.

Asked 13 Apr 2012 13:41:22
2
have this question
13 Apr 2012 13:41:22 nino g. cocchiarella posted:
There seems to not be a loading indicator (gif) for the Nivo Slider. Is that correct? Seems like that would be a given since many images may have to load. I have only DSL and even the DMX demo show white-blank holes for 10+ seconds.

Replies

Replied 17 Apr 2012 07:09:26
17 Apr 2012 07:09:26 Teodor Kuduschiev replied:
Hello,

There is a loader gif image located in: /Styles/nivoSlider/style_name_goes_here/loading.gif

Please provide a link to the demo you are referring to.
Replied 17 Apr 2012 12:21:49
17 Apr 2012 12:21:49 nino g. cocchiarella replied:
Teodor,

Thanks for your reply. Yes, I know where the GIF file is and see it called in "basic.css" as a background image - sorry for the first post. What's happening is it is never showing up - even on any of your demos. With large sets of images in the Nivo Slider I'll see a blank area with no loading graphic then finally the images are displayed.

I'm using Mac's and I generally use Firefox. In FF's "Web Console" I do see "loading.gif load but it is near the end of requests and well after the images in the Nivo set:

...
[08:08:35.166] GET localhost/~nino/ninog.com_2012/ScriptLibrary/jquery-latest.pack.js [HTTP/1.1 304 Not Modified 1ms]
[08:08:35.349] GET localhost/~nino/ninog.com_2012/works/howSweet/_0000_1.jpg [HTTP/1.1 304 Not Modified 1ms]
[08:08:35.383] GET localhost/~nino/ninog.com_2012/works/howSweet/_0001_2.jpg [HTTP/1.1 304 Not Modified 0ms]
[08:08:35.419] GET localhost/~nino/ninog.com_2012/works/howSweet/_0002_3.jpg [HTTP/1.1 304 Not Modified 0ms]
[08:08:35.459] GET localhost/~nino/ninog.com_2012/Styles/nivoSlider/basic/loading.gif [HTTP/1.1 304 Not Modified 1ms]
[08:08:35.465] GET localhost/~nino/ninog.com_2012/Styles/nivoSlider/basic/arrows.png [HTTP/1.1 304 Not Modified 1ms]
[08:08:35.468] GET localhost/~nino/ninog.com_2012/Styles/nivoSlider/basic/bullets.png [HTTP/1.1 304 Not Modified 1ms]
[08:08:35.631] GET localhost/~nino/ninog.com_2012/images/header_menu.gif [HTTP/1.1 304 Not Modified 1ms]


from basic.css
.nivoSlider {
position:relative;
margin-bottom: 30px;
background:#fff url(loading.gif) no-repeat 100% 100%;

I've tried adding a different loading graphic in the "slider1 div:

<div id="slider1" class="nivoSlider" style="background-image:url(images/preload.gif); background-position:center; background-repeat:no-repeat">

This didn't work either.

Here is the test site: (choose any thumbnail to see that sample which uses the Nivo Slider)

2012.ninog.com/?portfolio/design/illustration

Thanks in advance for any help with this

Reply to this topic