javascript - Nivo Slider having problem in Chrome & Safari - Stack Overflow

admin管理员组

文章数量:1406177

I'm using Nivo slider on this page. The problem is that the slider collapses in chrome and safari. What I need to change?

Secondly, I want to change the title and links on each new images. How will I acplish this? Will I use "afterChange" method? I've to load images dynamically using some server-side language (PHP). Please help!

I'm using Nivo slider on this page. The problem is that the slider collapses in chrome and safari. What I need to change?

Secondly, I want to change the title and links on each new images. How will I acplish this? Will I use "afterChange" method? I've to load images dynamically using some server-side language (PHP). Please help!

• javascript
• jquery
• css
• plugins

Share Improve this question Follow edited Jul 26, 2011 at 15:48 Cyril Gandon 17.1k1515 gold badges8181 silver badges123123 bronze badges asked Jan 28, 2011 at 2:06 wasimbhalliwasimbhalli 5,24288 gold badges4747 silver badges6363 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

#nivo-slider is supposed to have a height and width specified, you're applying dimentions to its parent container, #nivo-slider-wrapper.

If you have more than one question the best practice is to post them separatedly.

Hey. I can't help with the afterChange method, but I can help with the collapsing issues you are having.

Try putting the following in your styles.css:

#slider {
     min-height: 400px; //or whatever height you require.
}

And then alter your html for displaying the nivoSlider to:

<div id="slider" class="nivoSlider">
     //other nivo stuff here.
</div>

Should solve the collapsing problem. Good luck :)

本文标签： javascriptNivo Slider having problem in Chrome amp SafariStack Overflow