How do you display multiple images on one slide using nivo slider?

[John Mc Grath]

Hi all, i was wondering if anyone knows how to display multiple images on one slide using nivo slider. There are around five slides and some of them will have more than one image. I have only figured out how to add links and this is the last problem. The version of nivo slider that I am using is 3.1. Thanks for your help.

[AlphaMare]

I'm not sure what you are asking. Can you be more clear about what you want to do?

[John Mc Grath]

I am sorry if I was not clear enough. I have not uploaded my updated site yet so I cannot show you. I am using the nivo slider v3.1 which has 5 slides, each containing one image and one link. I want to modify some of the slides to contain 2 or 3 images beside each other so when the slide appears you can see 3 images side by side instead of just 1. The site I am using this for is http://www.mediareviewzone.com which is currently using mycarosel slideshow that uses a list to seperate the slides. Here is a segment of the code.

<ul id="mycarousel" class="jcarousel-skin-tango">

<li><a href="movies/the_rum_diary/the_rum_diary.php"><img src="movies/the_rum_diary/the_rum_diary.jpg"/></a>
<a href="movies/contagion/contagion.php"><img src="movies/contagion/contagion.jpg" /></a>
<a href="movies/moneyball/moneyball.php"><img src="movies/moneyball/moneyball.jpg"  /></a></li>

<li><a href="games/batman/batman_arkham_city.php"><img src="games/batman/Batman_Arkham_City_Wallpaper.jpg" /></a></li>

</ul>

This segment of code has two slides, one with three images and the other with one image.
This next incomplete segment of code is for the nivo slider and I am trying to figure out how to have three images in the second slide.

<div id="slider" class="nivoSlider">
 <a href="details.php?op1=Batman Arkham City&media=Games"><img src="games/batman/Batman_Arkham_City_Wallpaper.jpg" data-transition="slideInLeft"/></a>
<img src="movies/11-11-11/11_11_11_gibbs_landes.jpg" width="200" height="300"/>
<img src="movies/ice_age_4/ice_age_four.jpg" width="200" height="300" />

Here there are three images but even though the last two are much smaller than the first they still get a slide each. I am trying to have them share a slide side by side.

I have read that this was not possible on previous versions of the nivo slider but can be done on versions after 3.0. It took me a long time to find out how to make an image a link which is fixed by adding a couple of lines to the CSS code. Here is the code for that problem if anyone is reading this for that solution. Add this code to " .nivoSlider a.nivo-imageLink { " in the nivo slider CSS

display:block;
background:white;
filter: alpha(opacity=0);
opacity: 0;

I probably added too much information here, there is quite a bit of reading for a problem that probably has an easy solution. Thanks for the effort in trying to help me. Its just that this problem is so annoying and I want to use the nivo slider as it has some great functions. Thanks again.

[AlphaMare]

I've looked at the site and it seems as though you have solved the problem. I can see more than one image in several of the slides.

[John Mc Grath]

That was actually the slideshow I had using mycarosel. The new slideshow is now uploaded. The site is still being worked on and is only uploaded for testing. Thanks for spending the time looking.