troubleshooting Question

Customise Nivo Slider

Avatar of LLC0706
LLC0706 asked on
Web DevelopmentScripting LanguagesJavaScriptjQueryWeb Frameworks
4 Comments1 Solution787 ViewsLast Modified:
I'm trying to customise the caption, so that it has a different style for each image in the slider.
Basically what I want to do is change the dimensions and position of the caption for each image in the slider.

For example:
.nivo-caption-01 {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	height: 46px;
	z-index:8;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	padding-top: 24px;

.nivo-caption-02 {
	position:absolute;
	left:0px;
	top:0px;
	background:#FF0000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:400;
	height: 200px;
	z-index:8;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	padding-top: 24px;
          <div id="slider" class="nivoSlider">
            <img src="images/slider/image_01.jpg" alt="" title="Lorem ipsum deserunt" />
            <img src="images/slider/image_02.jpg" alt="" title="Lorem ipsum deserunt" />
            <img src="images/slider/image_03.jpg" alt="" title="Graeci adolescens" />
            <img src="images/slider/image_04.jpg" alt="" title="Cum movet exerci nominavi" />
            <img src="images/slider/image_05.jpg" alt="" title="Graeci adolescens" />
            <img src="images/slider/image_06.jpg" alt="" title="Cum movet exerci nominavi" />
          </div>


I understand that if I give each image a unique id I should be able to achieve this, however I'm not quite sure how to adjust the code in the jquery.nivo.slider.pack.js file.

The slider and code can be found here: http://nivo.dev7studios.com/

Can anyone help me with this?

Many thanks in advance.
jquery.nivo.slider.pack.js
ASKER CERTIFIED SOLUTION
Greg Alexander
Lead Developer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros